<em>和<strong>
1、em即“emphasize”。<em>表示强调,<strong>表示更强烈的强调。
2、<em>默认样式是斜体,<strong>默认样式是粗体。
3、<i></i>会使文本变成斜体 <b></b>会使文本变成粗体
4<cite></cite> 通常用来描述带《》的文本
5.<code></code>与<pre></pre>通常用来描述一段代码
6.<small></small>表示细则一类的旁注 例如:版权问题等
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>
今天天气<em>真凉快!</em>
</p>
<p>
<strong>
注意:上课认真听讲
</strong>
</p>
<p>
<i>
我是i标签
</i>
</p>
<p>
<b>
我是b标签
</b>
</p>
<p>
<small>
我是small
</small>
</p>
<p>
<big>
我是big
</big>
</p>
<p>
<cite>
《我不是药神》很火
</cite>
</p>
<p>
子曰:<q>学而时习之,不亦说乎!</q>
</p>
<div>
<blockquote>有朋子远方来</blockquote>
</div>
<p>2<sup>2</sup></p>
<p>杨幂<sup><a href="">[3]</a></sup></p>
<p>
H<sub>2</sub>O
</p>
<p>
<del>4000</del><br>
999<br>
</p>
你真<ins>漂亮啊</ins>
</p>
<pre>
while True:
print("hahha")
</pre>>
<code>
while True:
print("hahha")
</code>>
</body>
</html>
序列表:ul li
显示效果:小点
<ul type= 'xx'> 可以更改显示效果
无序列表 ol li
显示效果:1234...n
支持 1 a A i I
定义列表 :dl dt(被定义的内容) dd(对定义内容的描述)
对词汇定义的东西
通常用在下拉菜单
三种列表都可以相互嵌套
文本格式化
em根据屏幕字号走
rgb<颜色>
十六进制颜色 00-ff
ff0000
字体样式
默认字号16
font-family : 字体(可以指定多个字体,用逗号隔开,优先使用前面的字体,中间有空格的字体用引号引上)
px;font-family 写在px; 后
font-style:样式italic 斜体
font- weight : bold 加粗 nomal默认
font-variant:small-caps; 小型大写字母
font:所有样式 字号和字体必须写 字体最后 字号在倒数第二
行间距
line-height: 行高
字号/行高
text-decuration:none 去除超链接下划线
letter-spacing: 10px 字符之间的间距
word-spacing:10px 单词之间的间距
text-align:(上下中 两端) 对齐
text-indent:32px 首行缩进
盒模型
盒子里面是内容区
内容和盒子的边距叫内边距
盒子的边叫边框
盒子与盒子之间的距离叫外边距
内容区中放子元素
border-width:10px;
border-color:red;
border-style:solid
有内容区,内边距
border-width: (上右下左) 边框 少一个成对应宽度
border: 同时指定颜色,样式,宽
border-top:同上 上下左右