css美化界面以及css常用属性

css的基础语法

格式： 选择器{属性：值；属性：值；…}

css中的注释： 格式：/* …*/

css的使用方式

插入样式表的三种方法：
（1）内联方式（行内样式）：就是在HTML的标签中使用style属性来设置css样式

• 格式：

< html标签 style = “属性：值；属性：值；”>被修饰的内容</ html标签>

• 只是作用于本标签

（2）：内部样式（内嵌样式）

• 就是在head头中使用

< style type = “text/css”>…< /style>

标签来设置css样式

• 作用域整个页面
• 还可以使用import在style标签中导入css文件

< style type = “text/css”> @import"style.css"; </ style>

（3）：外部连入方式：

• 就是在head头中使用标签导入一个css文件，再作用于本页面，实现css样式

< link href = “文件名.css” type = “text/css” rel = “stylesheet”/>

• 特点：作用于整个网页
• 优先级：当样式冲突时，就是采用就近原则，是值css属性被距离修饰的内容最近的为主。
• 若没有样式冲突则采用叠加效果

css2中的常用选择器

（1）标签选择器

• 将html的标签作为选择器例如：

p{ … …}网页中所有的p标签采用此种样式h2{… …}网页中所有的h2标签采用此样式

（2）class类选择器：

定义 ： .类名{样式…} 匿名类 其他选择器名.类名{样式…}
使用：<html标签 class=“类名”>…</ html标签 > .mc{color:blue;}
/凡是class属性为mc的颜色都设置为绿/
p.ps{color：green；}
/只有p标签中的class属性值为ps的才采用此样式/】
注意：类选择器可以在网页中重复使用

（3）id选择器

定义：#id名{样式…} 使用