CSS样式

1.CSS引入

   1、内联式:直接写在html标签内部，不能用
    <标签名 style="样式名1:样式值1;样式名2:样式值2;"></标签名>
   2、内部式：使用比较多
   格式：  选择器 样式块
            <style>
                选择器{
                    样式名1:样式值1;
                    样式名2:样式值2;
                }
            </style>
    3、外部链接式（用的最多）
            <link rel="stylesheet" href="url地址">
    4、外部导入式：
              <style>        
                @import url("url地址"); 

2.超链接

    超链接： 可以跳转到其他页面，或者可以跳转到本页面的其他位置 
     1、其他页面：网上链接，自己写的页面
        
    形式：<a></a>  级联元素
    属性：href:目标位置的url
                    url：协议名://ip[:端口号/文件夹名/文件名]
                    target:跳转到目标的方式
                    _self：在页面打开链接 （默认方式）
                     _blank:在新的空白页面打开链接

3.列表

    列表：数据排列的方式   块级元素
    分类：有序、无序、定义

     有序和无序内部的元素使用li标签

4.表格

            table表示表格
            属性：border,边框线默认为0，不显示
                align：位置
           tr表示行，一组表示一行

           td表示单元格，一组表示一个单元格
            属性：colspan:合并列，横向合并单元格
                  rowspan:合并行，纵向合并单元格

5.id选择器

       标记名#id{属性1：值1；属性2：值2；...}
       

6.常用选择器

 常用选择器： 1.标签选择器  标签名{}
             2.id选择器    较多用于js
 id名字{}
             3.class选择器  多用于css
             4.并集选择器   

7.属性选择器

 属性选择器：
            选择器[属性名 = 属性值]
            1、选择器[属性名 = 属性值]  完全匹配
            2、选择器[属性名 ^= 属性值] 开头匹配
            3、选择器[属性名 $= 属性值] 结尾匹配

8.伪类选择器

            visited  已经访问过
            link  未访问过的页面样式
            hover 鼠标悬浮样式
            first-line 向元素的第一行内容添加样式
            first-letter 向元素首字母添加样式
            before 向元素之前添加内容 与content结合使用
            after 向元素之后添加内容 与content结合使用

9.类选择器

           标记名#id{属性1：值1；属性2：值2；...}

写法：<style>
     .a{
            color: red;
        }
      </style>