-
display:none用来隐藏不像展示的元素标签
查看全部 -
inline-block:同时具备内联元素、块状元素的特点
1.和其他元素都在一行上
2.元素的高度、宽度、行高以及顶和底部距都可设置
查看全部 -
display:inline将块元素设置为内联元素
内联元素特点:
1.和其他元素都在一行上
2.元素的高度、宽度及顶部和底部边距不可设置
3.元素的宽度就是它包含的文字或图片的宽度,不可改变
查看全部 -
使用display:block 将内联元素转为块状元素,从而具备块状元素特点
块元素特点:
1.每个块级元素都是从新的一行开始,并且其后的元素也另起一行。
2.元素的高度、宽度、行高以及顶和底边距都可设置
3.元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度
查看全部 -
常见的块元素:
<div>、<p>、<h1>、...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form>
常见的内联元素:
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的内敛块元素:
<img>、<input>
查看全部 -
<p><span>文字</span></p>
如果p标签和span标签都设置了行高,那么以最低的行高为标准
查看全部 -
像素
像素指的是显示器上的小点(小方块)
em
em与px的换算,取决于font-size设置的像素大小。如果font-size:14px,那么1em = 14px。也可以设置为百分比 100% = 1em = 14px
查看全部 -
为块元素中的文本、图片设置位置样式
text-align:center 文本居中
text-align:left 文本居左
text-align:right 文本居右
查看全部 -
letter-spacing:用来设置文字间隔或者字母间隔
word-spacing:用来设置英文单词之间的间隔
查看全部 -
line-height:用来设置行的高度,简称行高。实际工作中用于设置上下行的间距
查看全部 -
1em的大小取决于font-size设置的大小
查看全部 -
text-indent:目的为文本段设置空格缩进
查看全部 -
text-decoration:设置添加到文本的修饰
none:默认值
underline:定义文文本下的一条线
overline:定义文本上的一条线
line-through:定义穿过文本下的一条线,一般用于商品折扣价
查看全部 -
font-style可以设置字体样式
normal:正常字体,也是默认值
italic:斜体,适用于字体本身就有倾斜的样式
oblique:无论字体本身是否有倾斜的样式,强制设置为斜体
查看全部 -
注意:用户能否看到你设置的字体样式取决于用户电脑是否安装你设置的字体,没有安装的话,就会显示游览器默认的字体提交
查看全部
举报