01_block 块标签
1、list-style:none:没有列表样式
2、SEO:网络引擎优化,一个页面最多出现一次
3、h1~h3都具备SEO功能
4、p:段落标签
5、pre:pre标签可以保留段落的格式
6、块标签:div h1~h6 ol ul li p pre
7、unorder list:无序列表
8、order list:有序列表
9、list-item:列表项
10、块标签特点:独占一行,默认宽度占满父级,高度为0,子级内容撑开高度。
02_inline 行标签
1、br:换行
2、targrt=_self 默认值,在本页面打开
target=_black 在新的标签页打开
3、<i>倾斜</i>
<b>加粗</b>
<em>加强倾斜</em>
<strong>加强 加粗</strong>
4、行标签特点:
①同排序跟显示,遇到父级边界换行
②不支持宽高,内容撑开高度
③不支持上下外边距
④不正常显示上下内边距
⑤换行被解析
03_inlineBlock 行块标签
1、img:
src:资源路径
title:鼠标悬停时的提示文本
alt:图片不能正常显示的提示文本
特点:只给宽度或高度,会比例显示变化
2、行块标签特点:
①同排序跟显示,遇到父级边界换行
②没有宽高的时候内容撑开宽高
③换行被解析
3、如果不给宽度和高度,以图片默认的大小显示
如果只给宽度或者高度,等比例缩放
04_display
1、display: none:隐藏元素
05_css引入
1、内联权重:1000
2、权重相同的的情况下,后来者居上
06_background
1、margin: 0 auto:块标签水平居中
2、overflow:hidden:溢出隐藏
3、background-repeat: no-repeat:背景图不会出现平铺或重复的现象
4、background-position: center:背景图水平居中
5、background-size: cover(/contain):cover 短边占满父级;contain 长边占满父级
6、当line-height = height时,内容居中
7、text-align: center:文本水平居中
8、opacity: .3:整体透明
07_text
1、rgb:red green blue web三原色
2、像素点由4个值构成,red green blue alpha
3、字体大小默认像素16像素 最小12像素(根据浏览器字体来定)
4、字体粗细默认400,最大900,最小100
5、font-family: ‘Microsoft YaHei’:字体样式
字体靠前的优先显示
6、line-height: center:垂直居中
text-align: center:水平居中
7、行高 默认是字体大小的1.2倍
字体是相对于行高来居中的,当不给高度的时候,行高撑开了高度
8、letter-spacing:字体间距
9、text-decoration:文本描述线
10、text-transform: capitalize
uppercase全大写,lowercase全小写,capitalize首字母大写
11、pre 保留格式 wrap换行
12、h1,h2,p,span{}:群组选择器,同时写多个选择器