CSS接触

标签：

块标签，用来给网页分块 默认占一行

           无意义标签    

 背景颜色 background-color:颜色         字体颜色color: 颜色;

使用css：

 一、使用css- 内嵌样式： 1. 在head头部里写一个style标签  2. 在标签中使用选择器 获取到页面的标签。   选择器{名:值;名2:值2}(选择器->标签名选择器)     弊端：代码混编   html +  css

二、使用css- 代码行内样式（写在具体的一个标签上）  1. 在这个标签上 添加 style属性 2. 设置style属性值   格式：样式名：样式值;样式：样式值   举例：style="background-color:red;color:white;"     弊端：代码混编   html +  css

三、使用css- 外链样式（在当前html文件中引入加载其他的样式文件） 1.在head头部写一个link标签 href属性中要写加载的css文件     注意：在css文件中只能出现css代码     实现了代码分离

css选择器：

 标签名选择器{  样式:样式值;  }

   class类名选择器    可以重复去使用   . == class   .类名{    样式:样式值;  }

id选择器   id值/名称不能重复   #==id     #名称{    }

背景颜色  background: black;字体颜色     color:颜色;     宽：width:数px;    高： height: 数字px;

css常用属性：

字体大小（font-size） 默认16px          文字水平对齐方式 （text-align:start/center/end）

文字垂直对齐方式(行高)line-height:数字px     行高=高  居中     行高<高  靠上   行高>高  靠下

弧度：值越大弧度越大   值等于宽高的一半 /大于宽高一半的时候 圆

  设置四个角的弧度

    border-radius: 数字px;  值1 = 左上  右下角   值2 = 右上  左下   border-radius: 50px 100px;

    值1 = 左上    值2 = 右上 左下    值3 = 右下    例：border-radius: 20px 50px  100px;

    左上  右上  右下  左下     border-radius: 20px 50px  100px  150px;

 让span可以使用宽高   display:inline-block;    空格   

去除下划线：text-decoration: none   设置下划线：text-decoration: underline;

边框  宽度、颜色、  线条solid  dashed double