当前位置:首页 » CSS » CSS教程笔记(1):CSS样式设计基础 » 正文


CSS教程笔记(1):CSS样式设计基础

发布日期:2014-07-01 00:00   来源:谭海波   本文永久链接
摘要:从今天开始,谭海波博客开始发布CSS技术相关的笔记文章,一来可以记念自己学习CSS的历程,二来也可以给需要CSS技术参考的朋友一点帮助。 第1点、我们来了解下什么CSS,CSS是英文单词Cascading Sytle Sheet的缩写,中文意思为层叠样式表。它是伴随着Web标……

从今天开始,谭海波博客开始发布CSS技术相关的笔记文章,一来可以记念自己学习CSS的历程,二来也可以给需要CSS技术参考的朋友一点帮助。

第1点、我们来了解下什么CSS,CSS是英文单词Cascading Sytle Sheet的缩写,中文意思为层叠样式表。它是伴随着Web标准的建立而发展成熟的一种Web技术,主要用于控制网页元素的显示样式。作为Web开发者而言,CSS是必须要熟练掌握的技术之一,它的重要性不言而喻,因为它不仅能更有效地控制页面结构和布局,而且提高了开发和维护的效率。

第2点、CSS的使用方法,主要有三种:第一种是HTML页面文件内部声明CSS样式内容,第二种HTML代码行内声明CSS样式内容,第三种是引用单独的CSS样式文件。一般情况下,第三种方法是最常见的,也是更为高效方便的。

第3点、CSS的基本语法:CSS的样式声明主要包含了三个内容,标签选择器、属性和值。比如声明一个DIV层#main的高度为300px,那么#main就是标签选择器,高就是属性,300px就是值。大家看下我随便写的一段HTML页面文件内部声明的CSS样式代码:

第4点、CSS的选择器主要有以下几种:标签选择器(例如html中p标签,table标签,a标签等等);ID选择器(例如声明一个id为main的CSS样式,#main就属于ID选择器);类选择器(实际上它和ID的性质差不多,区别在于ID选择器只能使用一次,而类选择器可以使用多次,并且选择器的符号前缀也不一样,类选择器的前缀符号是圆点,而非井号,例如.main);伪类和伪对象选择器(例如链接的访问样式,a:hover,a:active等等);子选择器;相邻选择器;属性选择器;通用选择器;包含选择器;分组选择器;指定选择器。

第5点、CSS代码注释的格式为:/* 注释内容 */。

好了,今天就分享到 这里了,下次我将给大家分享使用CSS设置字体和文本样式,敬请期待!



关注谭海波博客官方微信公众平台
文章分类CSS
文章标签:
本文永久链接:http://tanhaibo.net/2014/07/css-basic.html
转载提示:除非注明,谭海波博客的文章均为原创,转载请以链接形式注明作者和出处。谢谢合作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注