选择器:通过选择器找到对应的标签设置样式
标签选择器:就是用标签名来当选择器
1>所有的标签都能做选择器,例如:div、p、 ul、 li、 a、 span、body等等
2>不管这个标签藏的多深,都能够被选择上。
3>选择的整个界面所有的标签,而不是某个,是共性而不是特性
比如说火狐浏览器中的 li 里面所有的 a 标签去掉下划线
# 表示选择 id 选择器
1>任何标签都可以有 id ,命名方式要以字母开头,区分大小写
2>同一页面内 id 不可重复,即使是不一样的标签,也不允许相同的 id
. 表示类选择器 与 id 选择器类似,但是类选择器可以重复,比如说很多标签都有 aa 这个类
css里面用 . 来表示类
同一标签,可能同时属于多个类,用空格隔开.说明 div 同时属于 bb 和 cc 类
<div class = @"bb cc">我是bbcc</div>
错误方式:
<div class = @"bb" class="cc">我是bbcc</div>
思路:提供公共类,再根据相应的类名,去设置相应的样式。
在根据每个标签,去选取自己想要的类。
使用css样式表的好处有:1、使用较少的代码,来实现更多的功能;
2、使用属性继承方法,可以轻松地维护相同标记的不同样式;
3、代码比率更高的内容;
4、页面加载变得很快;
5、定义风格的灵活性。
知识补充:
CSS全称Cascading Style Sheet,表示层叠样式表。CSS用于改进HTML标记内容的呈现。使用CSS我们可以基于媒体定义不同的内容显示方式。
CSS的优点:
一、CSS的代码更少
在公共样式类中可以定义具有值的属性,并且能在不同位置使用相同的类,因此可以使用较少的代码,来实现更多的功能。更少的代码意味着更少的带宽消耗并且易于维护内容。
二、易于维护
当在全局或共同的地方定义样式时,任何变化都变得容易操作。例如,在网站中,使用特定的样式属性显示产品的所有名称。现在,可以通过在外部样式表中更改产品名称的样式类,可以在整个站点中更改样式。可以保留多个样式表并根据需要使用它们。使用属性继承方法,可以轻松地维护相同标记的不同样式。
三、代码(标签)比率更高的内容
可以通过使用CSS在页面中实现更高的代码比例内容,因为可以将样式声明转换为外部文件。这对搜索引擎的观点很重要。可以向蜘蛛提供较少的标签(样式标签)和更多内容以进行索引。
四、下载页面
当浏览器缓存样式表页面时,页面加载变得很快。每次使用相同CSS的同一站点的不同页面时,都不会从服务器加载样式类。
五、定义风格的灵活性
名称级联表示可以使用多种样式,并且优先考虑本地样式。可以覆盖声明的全局样式,并将样式本地分配给标记。