前端属性笔记防失忆

opacity:透明度(0-1)
border-radius:圆角边框
边框样式:dotted {border-style: dotted}
dashed {border-style: dashed}
solid {border-style: solid}
double {border-style: double}
groove {border-style: groove}
ridge {border-style: ridge}
inset {border-style: inset}
outset {border-style: outset}
border-collapse CSS 属性是用来决定表格的边框是分开的还是合并的。在分隔模式下,相邻的单元格都拥有独立的边框。在合并模式下,相邻单元格共享边框。
border-image :图片边框样式
translate(0, -50%):第一个值是指水平移动量,第二个垂直
display: inline-block:转化为行内块元素
list-style:(顺序)list-style-type(前面标记的样式), list-style-position, list-style-image

Flex布局

overflow-x/y:如果溢出框,是否裁剪,有无滚轮
margin和padding:外和内边距
position定位

text-decoration 属性的值:文字与线的组合

A、none 默认。定义标准的文本。

B、underline 定义文本下的一条线。

C、overline 定义文本上的一条线。

D、line-through 定义穿过文本下的一条线。

E、blink 定义闪烁的文本。

F、inherit 规定应该从父元素继承 text-decoration 属性的值。
text-rendering:文本渲染属性
box-sizing: content-box|border-box|inherit;
clearfix清除浮动
nav :标签定义导航链接的部分
font-family:如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。
box-sizing: border-box;:把borders和padding全都包含在定义的宽高里面

在这里插入图片描述
第五个孩子
选择器的优先选择集
标签选择器的权重为0001
class选择器的权重为0010
id选择器的权重为0100
属性选择器的权重为0010
伪类选择器的权重为0010
伪元素选择器的权重为0010
包含选择器的权重:所包含选择器的权重之和
子选择器的权重:所包含选择器的权重之和
交集选择器权重为选择器之和
继承样式的权重为0000
行内样式的权重为1000
在这里插入图片描述
在这里插入图片描述
css cursor:设置鼠标样式

发布了43 篇原创文章 · 获赞 8 · 访问量 3920

猜你喜欢

转载自blog.csdn.net/MaYang_/article/details/99610879