-
normal : 正常字体,相当于number为400
-
bold : 加粗,相当于number为700
-
number : 直接使用数字,不加单位显示字体粗细。
font-style: italic;
normal : 使倾斜字体变正常
italic : 使字体倾斜
字体复合属性
font: font-style font-weight font-size/line-height font-family;
font: italic 700 16px "微软雅黑";
一行将所有字体属性写上,必须按照顺序,属性之间使用空格相隔开。
不需要的属性可以省略(默认值),但是必须保留font-size与font-family属性,否则font属性不起作用。
color: red;
color: #ff0000; //16进制
color: rgb(255,0,0);
color: rgb(100%, 0%, 0%)
text-align: center;
属性包括:left(默认),center, right
文本相对于盒子对齐。
text-decoration: underline;
- none(无装饰线)
- underline(下划线)
- overline(上划线)
- line-through(删除线)
text-indent: 20px;
text-indent: 2em;
20px表示每段首行缩进20像素。
em表示当前元素的文字大小。
2em表示首行缩进2个字。
line-height: 26px
行间距由三部份组成,分别是上行间距,下行间距,还有文字的高度。上下间距的高度相同。
<p class = "类名">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
一般情况下像下图这样需要缩进的,一般都会外面一个div里面两块需要两个div然后用定位或者flex、table、浮动后设置宽度等来实现
已知宽度的情况下上面列的方法都适用
不知宽度的情况下可以用flex、table等来实现
<div class="main">
<div class="list">八卦:八卦,见于《周易·系辞下》云:“古者包牺氏之王天下也,仰则观象于天,俯则观法于地;观鸟兽之文与地之宜;近取诸身,远取诸物,于是始作八卦,以通神明之德,以类万物之情。” [1]
在写代码时候总会有段落
缩进或者文字距离,以前总是用空格代替例如
可在某些需要填充字段的地方,空格不 管用,这时候得用到text-indent,在字段所被包裹的元素上加上此属性,后面填充的是像素,例如text-indent:2px,当text-indent也不管用的时候,杀手锏就是给字包裹上text或者div进行margin-left,但是这个不建议用.除非迫不得已去实线效果
qwertyuiop00_: