!important 优先权
transparent背景透明
inherit 继承父级样式
rgba(125, 0, 0, .3);
选择符
E F 包含
E>F 子类
E+F 相邻
E~F兄弟
E[att="val"] 属性
a:link{}
a:visited{}
a:hover{}
a:active{}
input:focus{}获得焦点
E:first-child 第一个
E:last-child 最后一个
li:nth-child(2n){color:#f00;} 偶数
li:nth-child(2n+1){color:#000;} 奇数
E::before 之前
E::after 之后
p::selection{background:#000;color:#f00;} 只能定义背景字体颜色
- 定位
position:static | relative相对定位 | absolute绝对定位 | fixed z-index:1; top:50%; left:50%;
- 布局
display:none隐藏 | inline内联 | block块元素 | inline-block内联块 float:none | left | right 不浮动左浮动 右浮动 clear: left | right | both 清理浮动 visibility:visible | hidden可见/隐藏 overflow|overflow-x|overflow-y: hidden | scroll 超出部分隐藏/滚动 margin:上 右下左 外补白 padding:上右下左 内补白
- 边框
border:5px solid #000; dashed虚线 dotted点线 border-radius:1px 圆角 border-style:none 隐藏边框
- 背景
background-color :#000; 默认transparent透明 background-image :url() 默认none background-repeat : repeat-x: 背景图像在横向上平铺 repeat-y: 背景图像在纵向上平铺 repeat: 背景图像在横向和纵向平铺 no-repeat: 背景图像不平铺 background-attachment: fixed: 背景图像相对于窗体固定。 scroll: 背景图像相对于元素固定 background-position:0% 0% 指定对象的背景图像位置。 background-origin: 指定对象的背景图像显示的原点。 background-clip: 指定对象的背景图像向外裁剪的区域。 background-size: auto: 背景图像的真实大小。 cover: 将背景图像等比缩放到完全覆盖容器,背景图像有可能超出容器。 contain: 将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内。
- 字体
color:rgba(0,0,0,.5);} opacity:.5; 1不透明 0透明 font-style:normal | italic 正常/斜体 font-weight:normal | bold正常/粗体 700粗体 font-size:16px font-family:helvetica,verdana,sans-serif; text-transform:none | capitalize | uppercase | lowercase 不转换/首字母/大写/小写 text-align:left | right | center text-indent:20px 缩进 line-height:22px 行高=高居中 vertical-align:baseline | sub下标 | super上标 | top | middle
- 列表
list-style-image:url() list-style-type:disc 实心圆| circle 空心圆| square实心方块 | decimal 数字 none不显示|lower-alpha小写 | upper-alpha大写 list-style-position:outside | inside 文本外/文本内
- 其他
border-collapse:separate | collapse边框独立/合并 outline-style:none 无轮廓 cursor:pointer;鼠标
文档更新时间: 2020-07-26 22:39 作者:Yoby