CCS | 应用样式的方法

 

内联样式   

在标签中加入style=“属性名：属性值；属性名：属性值；***”

内嵌样式表  在中加入  （这种方法效率会低一些）

---

style  样式标签（选择器用逗号分隔可可同时选择多个选择器）

选择器{
    属性名：属性值；
    ...
}

选择器：

* 表示通配符，选择所有

元素 选择标签名

id样式  用 # 选择

class类样式  用 “.” 选择      ".类名{ }"   选择对应类名的标签  （一个元素可以有多个类，用空格分隔）

：用于伪类选择

选择器> 表示固定层级关系的选择 “ ”表示某一父级下所有空格后的选择

定点选择器：

：nth-of-type（n） 当前层级下该元素选择第n个元素 

：nth-child（n） 子元素类型必须相同

伪类选择器：

（1）静态伪类：只能用于超链接的样式

:link 超链接点击之前
:visited 链接被访问过之后

（2）动态伪类：针对所有标签都适用的样式

:hover “悬停”：鼠标放到标签上的时候
:active “激活”： 鼠标点击标签，但是不松手时。
:focus 是某个标签获得焦点时的样式（比如某个输入框获得焦点）

：first-child 第一个元素

：last-child 最后一个元素

---

*.css文件指定字符编码   @charset “编码方式”；

浏览器会有默认样式需要进行 要是重置 *{margin:0;padding:0}