CSS

1、 Emmet 生成HTML结构语法

2、  CSS复合选择器

链接伪类选择器

3、  元素显示模式总结


4、 显示模式的转换

display: block 转换为块元素

display: inline-block 转换为行内块元素

display: inline 转化为行内元素(使用较少)

line-height=height 文字垂直居中

5、 背景图片

背景颜色:一般情况下元素的背景颜色是transparent透明的

背景图片语法:background-image: none | url(url);

使用了背景图片还可以指定背景颜色

背景平铺:background-repeat属性

背景位置background-position:x y——方位名词(没有顺序要求)

水平方向: left / right / center

垂直方向: top / bottom / center

背景位置background-position——精确单位(有顺序要求)

第一个值一定是x,第二个值一定是y

背景固定background-attachment

Scroll 默认,背景图像跟随滚动

Fixed 背景图像固定

背景属性复合写法(没有顺序要求)

推荐顺序是: background: color image repeat attachment position

背景颜色半透明

background: rgba(0, 0, 0, 0.3);

rgba 中的 alpha 取值范围0~1(0完全透明 1完全不透明)

内容不会受影响

Opacity 半透明 取值范围0 ~1

Opacity:0.3;内容也会半透明

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。