html/css-html-文本-1~11

结构化元素

语义化元素

字体样式

文本样式

结构化元素

   标题元素: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:可以把所有的属性都写在一起,定义样式的顺序是固定的

                 

猜你喜欢

转载自blog.csdn.net/qq_21740193/article/details/83378082