结构化元素
语义化元素
字体样式
文本样式
结构化元素
标题元素:h1-h6 默认效果:h1最大,h6最小,
默认效果是由浏览器自带样式,可以自己css改
每个都独占一行,垂直方向排列
实际开发:
常用 h1 h2 h3,三级标题够了,
h1最重要,大标题
*有利于搜索引擎抓取<title> 关键字 <h1>
*一个html中尽量只出现一个标题<h1>
段落元素
段落之间的空白区域比自动换行大
一个段落结束,另一个开始,会自动换行
粗体元素<b> 表示粗体,多用css,在p有用,h1没用,<b></b> 不然之后的都加粗了
斜体元素<i> 表示斜体,效果倾斜,多用css
上标与下标元素<sup><sub> 多用css
水平线<hr> 多用css
换行元素 <br> htm5版本写法,html4用<br />-不推荐
空白元素 浏览器一个空格识别一个,浏览器多个空格识别一个,叫做空白空间折叠
语义化元素 大部分都是
加粗:<strong></strong>,css取代
强调:<em></em>,就是斜体,css替代
引用:<blockquote><blockquote> 缩进 <q></q> 添加双引号
引文:<cite></cite>斜体
地址:<address></address> 斜体
内容修改(比较重要,软件在线文档编辑功能,如腾讯文档):<ins>插入,字下面有一横 <del>划掉,字中间有一横
文本
字体系列:font-family 当前文字字体,备选:用户电脑已经安装的字体,所以必须选择使用用户电脑有的字体
自带字体很少---可一次性选择多个字体系列,中间逗号分隔
不同用户显示可能不同---解决方法?
字体大小:font-size
绝对大小值(px);相对大小值(larger,smaller,不太用)百分比值(百分比,相对于页面大小)长度值em,相对于父级
粗体: font-weight
绝对值:normal ,bold 相对值:lighter,bolder,数字值
斜体:font-style
italic 书写体,高度会矮一点 oblique
font属性(建议使用这个简写属性)
font:可以把所有的属性都写在一起,定义样式的顺序是固定的