css

认识css：

指层叠样式表，控制页面布局和样式。

html和css的关系：

html结构层 负责从语义的角度搭建页面结构

css样式表 辅助从审美的角度美化页面

javascript行为层 负责从交互的角度提升用户体验

id name  style = 样式名称代表

行内标签

h1 style=“ color：red；font-size：12px；”

内嵌样式

head

style type=“text/css”

p｛color=green；

font-szie=12px；

background=black；

｝

/head

外联样式：

link rel=“stylesheet” href=“css/main.css”

@import url(css/mian.css)

选择符｛属性：值；｝

id在style设置属性时在前面加“#”号，可以用字母，数字，下划线

#p1 {font-size:20px}

id="p1"

类选择器class，在类前面加“.”，

.web｛font-size：20px｝

p calss=“web”

复合选择器：

h1.p2｛font-size：20px；｝

说明是在《h1 class=“p2”》不可以选择到《h1》标签里

后代选择器：

.box li｛｝----（首先找到calss的box标签 然后找到里面的li标签）

复合选择器：

h1,p1,p2,{属性值}

子元素选择器：

h1>p｛｝----（找到h1标签里的p标签给予属性，剩余其余标签不被选中）

属性选择器：

h1[id][clss]{}---(h1标签里有id 和class都可以实行属性)

css伪类:

：link：应用于没被访问过的链接

：hover：鼠标到某个位置会有方块反应

：active：鼠标点击链接时产生的效果

：visited：应用在访问过的网站

：focus：应用于有键盘输入焦点的元素

css伪元素：

：first-line：一行显示效果。

：first-letter：第一个显示效果

：first-child：选择属于第一个子元素的元素

：before，after：属性前后加上效果

css层叠性（最终属性为准）和继承性（子承父业）

css优先级：

*标签>body标签

标签级>*>body

clss类选择器>标签级

id>class

style行内>id选择器

width：宽度

height：高度

color：前景色

backcolor：背景色

font-size：字体大小

*：通配符=代表页面中所有标签的属性

margin：外边距

padding：内边距