2020-02-06

2月6日

一.选择器

1.交集选择器是都有名字的部分被转css装饰。
2.并集选择器是所有名字的内容被css装饰。用逗号隔开。
3.后代选择器，后代是被嵌套的标签。后代选择器用空格。空格作用：找到空格后面的去装饰。
4.子代选择器，子代比后代跟精确。>是子代
5.相邻选择器，用+号，能够装饰相邻的。
6.兄弟选择器，用~符号，eg:. dd~p{}就dd后面的所有p被css装饰。
7.选择器有权重，权重大的会替换权重小的。

二. 盒子模型

1.content（内容）在最中间。
2.border(边框)，样式：solid实线 dashed虚线 dotted点线 double双实线
3.padding（内边距）
4. margin (外边距)

2月7日

三. 怪异盒模型

1.box-sizing:border-box;(怪异盒模型)设置的值向内容靠近。不包括(margin)
2.父级与子级出现塌陷解决方法
(1)给父级设置边框
(2)给父级设置内边距
(3)溢出隐藏overflow:hidden
(4)给子级或父级添加display:inline block
(5)给子级或父级添加定位
(5)给子级或父级添加浮动
3.兄弟外边距
1.设置的外边距以两者最大值来实现。

2月9日

.alt图片加载失败的替换文本
.title图片等标签的鼠标悬停显示的文字

四. 行内盒模型

(1) 上下padding和margin无效。
(2) 文本等是按x的底线作为对齐的基线(baseline)，middle中线，top顶线，bottom底线。用vertical-align设置。

五.文本装饰

(1) font-family分为san-serif无衬线和serif有衬线
(2) @font-face导入字体src:url用来导入字体地址。
(3) line-height可以调节文本上下的距离。且文本自动上下居中。可以产生行间距。
(4) 文本缩进texc-indent一般采用em设置。
(5) 文本对齐格式text-align center居中left左对齐right右对齐justify左右对齐。
(6) text-decortion文本装饰underline下划线overline上划线line-through删除线，用none清除默认的文本划线。
(7) font- weight字体加粗
(8) cursor鼠标样式pointer (手) wait(沙漏) help(问号) url(), default;

2月10日

五. 默认显型及转换

行内元素无法设置高有文本撑起高度。inline
2.块级元素可以设置高。block
3.行内块元素无法使用auto居中，具有上面两种特性。inline-block。为父级添加font-size:0;可以解决span换行产生的空格。字母个数字不会自动换行被解析成一个单词，只有文字会自动换行。默认对齐方式会以最低下的对齐用vertical-align: ;解决。
4.display:none;浏览器不解析，不会显示。
5.visibility: visible默认 hidden隐藏但还有位置。透明度opacity:0;也可以隐藏。
6.溢出overflow visible默认显示 hidden隐藏
auto滚动条文本超出才有 scroll滚动条一直有 overflow-x:scroll;横向滚动条 overflow-y:scroll;纵向滚动条。

2月11日 背景样式

1.背景图片在背景颜色上面。背景颜色会延伸到border下面。背景层级:内容层>边框层>背景图片层>背景颜色层。
2.背景图片平铺 background-repeat默认repeat，no-repeat不平铺，repeat-x横平铺，repeat-y纵平铺。
3. 背景图片尺寸，background-size 关键字cover contain 百分比 设置宽高。
4.background-origin图片显示基点，不平铺是存在。border-box content-box padding-box。
5.background- cilp背景图片裁剪属性同上。
6.background- attchment背景图片关联依附。fixed local scroll。
7.background- position背景图片定位
8.background复合写法color url repeat attchment position/size要按顺序。设置多张背景图片，背景颜色设置在最后面。
————————————————
版权声明：本文为CSDN博主「齊絎」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/djj1944723491/article/details/104256148