标签:cells ali 一起 标签 :link 圆角边框 浮动框 child 清除
1 能用HTML和CSS完成的不用JS。
css优先级: !important > 行内样式 > id > 类 > 标签 > 继承
2 块级元素,内联元素和行内块元素:
1 行内元素只能设置水平方向的内外边距,默认显示本身内容的宽度。
2 块级元素默认显示宽度是容器的100%,
3 行内块元素包括img,td,input等,本质是宽、高可控的内联元素,与其他元素在同一行时有margin。
4 链接标签中可以放块级元素,但不能再放链接标签。
3 background-position:如果只规定了一个值,则用于横坐标,纵坐标默认50%。
4 几个合写:
1 font:font-style(倾斜或斜体) 是否加粗 字体大小/行高 字体
2 background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位
3 list-style:URL(example.gif) square inside
5 CSS书写规范
6 伪类选择器与伪元素
伪类:
标签:first-child选择器 选择的是此标签的第一个元素
伪元素:
7 文字居中与盒子居中
图片 背景图片
8 边距塌陷
1 当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
2 当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开),它们的上和/或下外边距也会发生合并
3 假设有一个空元素,它有外边距,但是没有边框或填充。在这种情况下,上外边距与下外边距就碰到了一起,且如果这个外边距遇到另一个元素的外边距,它还会发生合并
4 只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。
9 content
10 width>padding>margin
11 empty-cells:show/hide
单元格为空时隐藏其边框
12 圆角边框,两个值同时取50%时,是圆.
合写:左上 右上 右下 左下
13 盒子阴影
默认外阴影 即outset(省略不写)
加上inset则显示未内部阴影
14 盒子边框和盒子内容的边框
15 float
清除浮动相关
16 position
17 display、visibility与overflow
18 cursor
19 outline:none
20 防止拖动文本域:
resize:none
21 vertical-align 垂直方向对齐方式
22 后代选择器用空格 子元素选择器用“>” 交集选择器用“.” 并集选择器用“,”
标签:cells ali 一起 标签 :link 圆角边框 浮动框 child 清除
原文地址:https://www.cnblogs.com/zwowoy/p/12819900.html