CSS概述及其选择器的使用
1.1、什么是CSS
CSS主要是美化网页,布局网页。CSS是层叠样式表的简称,有时候也称为CSS样式或者级联样式表。
CSS主要用于设置HTML页面中的文本内容(字体,大小,对齐方式)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS最大价值:由HTML专注去做结构呈现,样式交给CSS。
1.2、CSS发展史
-
CSS 1.0
-
CSS 2.0 DIV(块)+CSS, HTML与CSS结构分离的思想。
-
CSS 2.1 浮动,定位
-
CSS 3.0 圆角,阴影,动画。。。。浏览器的兼容性。
1.3、CSS语法规范
CSS规则由两个主要的部分构成:选择器和一条或多条声明。
-
选择器:用于指定CSS样式的HTML标签,括号内是对该对象设置的具体样式。
-
属性和属性值成对出现。(键值对形式)
-
属性是指对指定的对象设置的样式属性,例如字体大小。文本颜色。
-
属性和属性值用:隔开。
-
每个属性用;隔开
2、CSS基础选择器
2.1、选择器作用
根据不同的需求,把不同的标签选择出来。选择标签用的。
2.2、选择器分类(基础选择器)
2.2.1、标签选择器:
利用HTML标签作为选择器,将页面某一类标签统一蛇者CSS样式。
1. 优点:能快速为页面中某一类标签统一设置样式
1. 缺点:不能设计差异化样式,只能选择全部的当前标签。
2.2.2、类选择器:
单独设置一个或者某几个标签,可以使用类选择器。(可以多次调用)
.类名{
属性:属性值;
...
}
结构需要用class来调用
<标签 class=“类名”> < /div>
一个标签可以写多个类名调用。
2.2.3、id选择器(只能调用一次)
#id{
属性:属性值
}
<标签 id=“”>
2.2.4、通配符选择器
在CSS中,使用*通配定义,它表示选取页面中所有的元素(标签)
* {
属性:属性值;
}
-
通配符选择器不需要被调用
-
特殊情况才使用。