03day

<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>
image.png

序列表: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:同上 上下左右

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容