CSS 初使用

一、页面中CSS调用方式:

  ①用<style></style>表明是CSS内容

  ②在标签内用属性style来书写CSS

    例:<a style=""></a>

  ③外部调用CSS

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

二、CSS定义

  1.标签名作选择器名

    div{color:red;}

  2.类名作选择器名

    .man{color:red;}

    注:类名称由自定义产生,不建议使用已有标签名作为类名使用,类名前加“.”来与标签名进行区分

    标签用class属性来调用类名称

      <div class=".man"></div>

  3.标签的 id 名作选择器名

    #man{color:red;}

    对应文档中的唯一使用该id的标签

      <div id="man"></div>

  4.复合定义

    ①利用父子级关系定义子级

      div .man{color:red;}

    ②多个元素共有属性的定义

      div,div a,div a #man,.main{color:red;}

三、CSS重置

*{margin:0;padding:0;font-size:14px;font-family:Arial,Helvetica,"宋体","Microsoft YaHei","WenQuanYi Micro Hei", sans-serif;}
li{list-style:none;}
h1{font-weight:normal;}
img{display:block;border:none 0;}
a{text-decoration:none;}
p{margin:0;padding:0;}
dl{margin:0;}
dd{margin:0;}

 

posted @ 2018-04-23 13:03  Autumn_n  阅读(123)  评论(0编辑  收藏  举报
TOP