css第二天自用

一.emmet语法

1.快速快捷

主要靠Tab键

 

例如

 

￥符号是排序用的12345

id名是#开头

类名（class）是.开头，前面带p就是《p》，不带默认为《div》

 

 

乘和$的使用

 

2.快速样式语法

 

 

写首字母就行了后面接数字

二.CSS符合选择器

1.后代选择器（可以是很多代孩子）

 

 

空格隔开

类选择器也行

 

标签选择器也行

 

2.子选择器（亲儿子）

 

直选离他最近的

 

如第十行就会选第18而不是第20行

 

红色波浪线是语法错误

3.并集选择器

选择多组标签，用英文逗号隔开，集体声明，最后一个标签不加逗号

 

 

4.伪类选择器

鼠标放在链接上变颜色

 

一定要按这四种顺序来写，lvha的顺序（LV包包hao）

举个例子链接为类选择器基本使用

 图五

 

如图5，要给a该样式要写单独给a指定样式，不能给body指定样式

注意事项总结

 

常用写法

 

4.：focus伪类选择器

语法

 

样式

 

总结

 

二.CSS元素显示模式

 

2.显示模式的转换

如<a>需要长宽高但是行内元素不行，块状元素才有行宽高，所以要转换

在head的style里面改样式，块状元素有宽和高，行内块状元素一行可以放多个且可以调宽高

 

把行内元素改为块状元素（用的多）

三种转化

 

3.单行文字垂直居中

三.CSS背景

1.背景颜色

 

1）.参数是方位名词

 

 

可以none不插入也可以选择插入某一张

4）.平铺指的就是铺满整个格子

背景默认平铺

 

上中下是y轴，左中右是x轴

 

 

2）.参数是精确单位

 

 

3）.参数是混合的

 

2.背景图像的固定

 

3..背景复合型写法（把几个属性写在一起）

没有特定的顺序

中间用空格隔开

 

4.背景颜色半透明

只针对背景颜色不针对字的内容，rgba表示red，green，blue，和透明度，后面四个数值依次对应

 

5.背景总结