03—day 文本标签2018-07-06

文本标签：

em标签泳衣表示一段内容中的着重点

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

通常em显示为斜体，而strong显示为粗体

和

i标签会使文字变为斜体

b标签会使文字变为粗体

em和i的区别是em是着重语气而i没有语义

i和d只是想要设置文本特殊显示，

small标签表示细则一类的旁注，通常包括负责声明，注意事项，法律限制，版权信息等。

通常在显示器上会比显示一个比父类元素小的字号

使用cite标签可以指明对某内容的引用后参考，

格式：《书名》

和

在使用时标签里的内容会自动换行

内的内容会自动加上引号

^和

sup和sub用于定义上标和下标

  上标比如10的2次方/

 

^[1]

 

下标用于化学名称H2O  

和

ins表示插入的内容，显示是通常会加上下划线

del表示删除内容，显示是通常会加上删除线   

和

如果你的内容包含代码事例或文件名，就可以使用code元素在有代码的情况下缩进不会出错。

pre元素表示的是预格化文本，可以使用

pre包住code来表示一段代码。

 
 
            
 
 
                    while True:
 
 
                            print('aaaaa')     
 
 
            
 
 
 
 

 
 
 
  
 
   
  
   
 
  
 
  
 
 
 
 
 
  
 
   
  
   
 
  
 
  
 
 
 
 
 
  
 
   
  
   
 
  
 
  
 
 
 
 
px
 
 

 
 
如果我们将一个图片放大的话，我们会发现一个图片 是有一个一个的小色块构成的，这一个小色块就是一 个像素，也就是1px，对于不同的显示器来说一个像素 的大小是不同的。
 
 
百分比
 
 
也可以使用一个百分数来表示一个大小，百分比是相 对于父元素来说的，如果父元素使用的大小是16px，  则100%就是16px，200%就是32px。
 
 
em
 
 
em和百分比类似，是相对于font-size说的
 
 
 1em = 1font-size
 
 
字体大小
 
 
font-size用来指定文字的大小。
 
 
通过font-damily 可以指定标签中文字使用的字体
 
 
例如：p{font-family：“微软雅黑”l}
 
 
指定p标签中使用微软雅黑作为字体
 
 
通过font-family可以同时指定多个字体
 
 
例如：P{font-family：”微软雅黑“，Arial，等，等}
 
 
字体用逗号隔开，
 
 
斜体和粗体
 
 
font-style用于指定文本的斜体
 
 
-指定斜体：font-style:italic
 
 
-指定非斜体：font-style:normal
 
 
font-weight用于指定文本的粗体。
 
 
指定粗体：font-weight：bold
 
 
指定非粗体：font-weight：normal
 
 
小型大写字母
 
 
font-cariant属性可以将字母类型这只为小写
 
 
型大写。在改样式中，字母看起来像是尚未缩小了尺寸的大写字母。
 
 
-font-variant:small-caps
 
 
字体属性的简写
 
 
font可以一次性同时可以设置多个字体的样式。
 
 
语法：-font：加粗 倾斜 小型大写 大小/行高 字体
 
 
，大小和字体必须写在最后，  前面的倾斜加粗小型大写顺序随意
 
 
行间距
 
 
line-height用于设置行高，行高越大则行间距越大。
 
 
行间距=line-height-font-size
 
 
大写化
 
 
text-transfiem样式用于将元素中的字母全部变成大写。
 
 
大写：text-transfom:uppercase
 
 
小写：text-tansform:lowercase
 
 
首字母大写：text-transform:capitallize
 
 
正常：text-transform:none
 
 
文本的修饰
 
 
text-dexoration属性，用来给文本添加各种修饰。通过他可以给文本的上方，下方或者中间添加线条。
 
 
-underline   下划线
 
 
-overline    上划线
 
 
-line-through   删除线
 
 
-none   原样输出
 
 
字母间距和单词间距
 
 
letter-spacing用于设置字符之间的间距
 
 
word-spacing 用于设置单词之间的间距
 
 
对齐文本
 
 
text-glign 用于设置文本的对齐方式、
 
 
-left： 左对齐
 
 
right：右对齐
 
 
-justify：右对齐
 
 
-center: 居中对齐
 
 
首行缩进
 
 
-text-indent 用来设置首行缩进。
 
 
使用em单位设置长度
 
 
盒子模型
 
 
一个盒子我们会分为几个区域
 
 
内容区（content）
 
 
内边距（padding）
 
 
边框（borber）
 
 
外边框（margin）
 
 
通过width和height两个属性可以设置内容区的大小
 
 
使用padding属性可以来设置元素的内边距
 
 
padding：10px  20px  30px   40px这样会设置元素的上下左右四个放下的内边距
 
 
边框
 
 
可以在元素周围创建边框，边框是元素课件的最外部。可以使用border属性来设置盒子的边框：
 
 
-border：1px  red  solid：
 
 
上边的样式分别指定了边框的宽度，颜色 样式
 
 
也可以使用border-top/left/right/bottom分别指定上下左右 四个方向的边框