web前端开发技术css

• css的编辑方式
  两种：
  ①写在html文件里面的css规则。根据其位置可分为两种：一种是写在某个元素的属性部分，作为style属性的值；另一种是写在head标记里面，通过style标记包含。
  ②将css规则写在单独的文件里。建议采用此种方式，该文件称为css文件。在需要应用css规则的时候在HTML文件里引用该css文件。
• css规则由选择器和声明构成的，声明由属性值对组成

---

---

1.基本语法

selecter{属性：属性值 ；属性：属性值；…}

eg.p{background-color:red;font-size:20px;}

属性说明：
①选择器：选择器可以试试html标记名称也可以是自定义的标识符
②属性/属性值对：“属性/属性值对”必须是一一对应，中间用“：”隔开，没对之间用“；”隔开
③属性：
属性命名两个单词之间用-相连 eg.background-color
脚本语言中的属性命名后面那个单词开头大写eg.backgroundColor
④复合属性：
font、border、margin、padding等(下文详写)
⑤多个属性值：
selector{font-family：“楷体”，“黑体”}（属性之间用，隔开）
系统找不到楷体就用黑体，按先后顺序优先选择
⑥css注释：
/ * 注释
注释 * /

2.css选择器类型
①标记选择器(也称元素选择器)：即直接使用HTML标记名作为选择器
②类选择器、③id选择器、④伪类选择器、⑤属性选择器
p91

3.css定义与使用
①内联样式表（行内样式表）：

<标记 style=“属性值对；属性值对”>修饰的内容

②内部样式表:
在head里面，使用style标记来放置规则
< style type=“text/css”>
选择器1{属性值对；属性值对；…}
选择器2{属性值对；属性值对；…}
< /style>

③外部样式表:
将css规则写在css文件里，一个css文件可被多个网页引用。

引用的方式可分为：
①链接外部样式表：
< link type=“text/css” rel=“stylesheet” href=“xxx.css”>(单标记，只能存在head里)

②导入外部样式表:
< style type=“text/css” >
@import url(“xxx.css”)；
< /style>

外部样式表的优点：①便于复用②便于修改③提高显示速度

• css规定如下优先级为：行内样式>id样式>class样式>标记样式

---

---