9.css

视频链接
css /**/
1.方式
(1)
在标签的 style 属性上设置”key:value value;”，修改标签样式。

<div style="border: 1px solid red;">div 标签 1</div>
<div style="border: 1px solid red;">div 标签 2</div>
<span style="border: 1px solid red;">span 标签 1</span>
<span style="border: 1px solid red;">span 标签 2</span>

（2）
在 head 标签中，使用 style 标签来定义各种自己需要的 css 样式。
格式如下：
xxx {
Key : value value;
}

    <style type="text/css">
        div{
            border:1px solid yellow;
        }
        span{
            border:1px solid red;
        }
        </style>

(3)
把 css 样式写成一个单独的 css 文件，再通过 link 标签引入即可复用。
使用 html 的 标签 导入 css 样
式文件。
新建一个stylesheet 直接写选择器

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

2.选择器
（1）标签名选择器

span{
    border:5px dashed red;
    color:blue;
    font-size: 30px;
}

（2）id选择器

#id001{
    border:1px solid green;
    color:blue;
    font-size: 30px;
}
 <div id="id001" >div标签1</div>

（3）class 选择器（类选择器）

.class01{
    border:1px solid green;
    color:blue;
    font-size: 30px;
}
   <div class="class01"id="id001" >div标签1</div>
   <span class="class01">span标签1</span>

(4)组合 加个逗号

.class01,#id002{
    border:1px solid green;
    color:blue;
    font-size: 30px;
}

3.常用样式
1、字体颜色
color：red；
颜色可以写颜色名如：black, blue, red, green 等
颜色也可以写 rgb 值和十六进制表示值：如 rgb(255,0,0)，#00F6DE，如果写十六进制值必须加#
2、宽度
width:19px;
像素值：19px；
或百分比值：20%；
3、高度
height:20px;
像素值：19px；
百分比值：20%；
4、背景颜色
background-color:#0F2D4C
5、字体样式：
color：#FF0000；字体颜色红色
font-size：20px; 字体大小
6、DIV 居中
margin-left: auto;
margin-right: auto;
7、文本居中：
text-align: center;
8、超连接去下划线
text-decoration: none;
9、表格细线
table {
border: 1px solid black; /设置边框/
border-collapse: collapse; /将边框合并/
}
td,th {
border: 1px solid black; /设置边框/
}
10、列表去除修饰
ul {
list-style: none;
}