行内盒模型

行内盒模型

外边距(margin) 上下无效

边框(padding) 上下无效

行间距 =line-height 一 font-size

​ =行内边框 一 文本大小

行内边框：控制最小行框高度。

line-height: 0px;

文本垂直对齐。

vertical-align: ;

文本顶线 : top; 文本底线 : bottom ； 文本基线 : baseline; 文本中线 : Middle ；

文本缩进样式。

text-indent= 1em ；(文本首行缩进一个字符)

text-indent= 20px ; (文本首行缩进20像素)

文本对齐样式。

text-align : ；

居中 ：center; 右对齐 : right ; 左对齐 : left ；两端对齐 : justify ;

文本装饰。

text-decoration : ;

下划线 ：underline ； 下划线 ：overline ; 贯穿线 ：line-through ;

鼠标样式。

cursor: ；

基本样式 ：pointer（一只手）; ：wait (缓冲) ；自定义： url ( ) ;

字体样式。

font-family : ；

黑体 ： SimHei ; 自定义 : @font- family{ font-family:“文件名”；sru: url(文件名.ttf); }

文本粗细。

font-weight: ;

粗体 ： bold ; 更粗 :bolder ; 更细 :lighter ;

块级标签。

display : block ;

行级标签。

display : inline ;

行内块级标签。

display : inline-block ;

元素可见性。

opacity: 百分比 ;

溢出隐藏。

overflow : ；

默认 : visible ; 隐藏 ：hidden ;

文字处出显示滚动条 ： scroll ;

文字超不超出都显示滚动条 ： auto ;

默认样式清除 。

给父级添加 ：margin : 0 ;

​ padding : 0 ;

消除

• 元素的小圆点

list-style : none ;

解析空格: 给父级设置：

font-size : 0 ;