1）CSS介绍

  1. 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言
  3. CSS 的作用是用来对页面进行样式的设置,美化页面
  • 选择标签
    ```html 选择器{

} // 所有符合选择器的标签都会被选中


-  设置格式  
```html
属性名: 属性值;
....

2）CSS使用方式

  • 行内样式 

    <p style="width:500px;height:300px;background-color:red;">
   这是一个DIV标签
</p>

  • 内部样式 

    <head>
   <style>
   p{
     width:500px;
     height:500px;
   }
   </style>
</head>

  • 外部样式
    Theme.css 是一个样式表文件, 所有的样式可以写在该文件中
    通过 link 标签引入后,对当前页面进行修饰(实际工作中使用非常多) 

    <head> 
<link rel="stylesheet" type="text/css" href="theme.css" /> 
</head>

3）常用文本样式属性

样式 值 作用
font-size 数字 设置字体大小
font-weight normal | bold | bolder | lighter | inherit
默认值 | 定义粗体字符 | 定义更粗的字符 | 定义更细的字符 | 规定应该从父元素继承字体的粗细		 设置文字是否加粗（ 自由定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold）
font-style normal | italic | oblique | inherit
默认值 | 显示一个斜体的字体样式 | 浏览器会显示一个倾斜的字体样式 | 规定应该从父元素继承字体样式		 设置文字是否为斜体
font-family 字体名称 设置文字显示的字体名称
text-align left | center | right | justify ｜ inherit
把HTML元素中的文本排列到左边
把HTML元素中的文本排列到中间
把HTML元素中的文本排列到右边
实现两端对齐文本效果
规定应该从父元素继承 text-align 属性的值		 水平对齐方式
vertical-align baseline 默认。元素放置在父元素的基线上
sub 垂直对齐文本的下标
super 垂直对齐文本的上标
top 把元素的顶端与行中最高元素的顶端对齐
text-top 把元素的顶端与父元素字体的顶端对齐
middle 把此元素放置在父元素的中部
bottom 把元素的顶端与行中最低的元素的顶端对齐
text-bottom 把元素的底端与父元素字体的底端对齐
length
% 使用 “line-height” 属性的百分比值来排列此元素允许使用负值
inherit 规定应该从父元素继承 vertical-align 属性的值		 垂直对齐方式
text-indent 长度（text-indent:2em 首行缩进两字符） 设置文本缩进
line-height normal | 长度 设置行高
text-decoration none | blink | underline | line-through | overline
默认标准文本 | 定义闪烁的文本 | 下划线 | 定义穿过文本下的一条线 ｜ 上划线		 设置文本装饰