3月 前端 03Day 文本样式

<em>和<strong>

em标签用于表示一段内容的着重点，(语气上的强调)

strong标签用于表示 一个内容的重要性，

em显示为斜体，strong显示为粗体

<i>和<b>标签

i标签显示为斜体 在H5里面认为他是一个图标

<small>标签  小的  比其他元素小的字号

<cite>标签  如果有书签名的话就用<cite>标签      例如  :  <cite><花花></cite>

<blockquote>和<q>标签

<q>标签用于上标的多少次方   例如： 10的2次方

<blockquote>标签用于下标签的多少次方    例如 : H2O

<ins>和<del>

<ins> 标签表示插入的内容，显示时长通常会加上删除线 . 

<del>标签表示删除的内容，显示时通常会加上删除线

<code>和<pre>

<pre>可以用pre包含code来表示一段代码

<code>可以保存代码

前端三大块 : 结构，表现，行为，

无序列表:  ul    li  -->列表项，前面有一个小黑色的原点，

有序列表 : ol   li      前面有1，2，3，

定义列表 : dl   dt(被定义的内容)，dd(对定义内容的描述)

无序列表如果想变的话在ul里面写type=''

怎样去掉一个项目符号      例如 :  ul{list-style : none;}

ul和li都是块元素         无序列表用的是最多的，

定义列表: 定义可以有多个描述

px：像素  如果放大一个图片的话图片就会是一个小色块构成的，

百分比 :  %

em ：一个em=一个foot-size=100px,      em    #0000ff 蓝色   ，#ff0000 红色，#00ff00   绿色  可以简写为  #f00

设置字体 : foot-fancy  :  黑体，楷体，  都好分开， 有空格的要用引号引上，

bold 字体加粗

foot-variant 小型大写字母

倒数第二个字号，最后 是字体

简写属性 :例如 ： foot:bold italico 60px 楷体

none 原封不动的意思

超链接去掉下划线 : text-decoration:none

字符之间的间距 : letter-spacing

单词之间的间距 : world-spacing

对齐方式 : text-align    左left     右right    两边justify    居中center

盒子:  

内容区  :  content    内容区的宽   width   内容区的高   height

内边距  ：podding

边框区  :  border  边框样式   borde-style    边框区的宽   border-width     边框区的高    border-height

外边距  ：magin

顺时针设置      上  右   下   左

---