zoukankan      html  css  js  c++  java
  • 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;}
  • 相关阅读:
    CSS3box-shadow属性的使用
    IE7下z-index失效问题
    CSS3的writing-mode属性
    eclipse Java EE安装和web项目的创建
    用JS去掉前后空格或中间空格大全
    webstorm自带debugger服务器
    用meta标签让网页用360打开时默认为极速模式
    移动端可拖动导航菜单小demo
    DCL并非单例模式专用
    领域专用语言
  • 原文地址:https://www.cnblogs.com/zhouwanqiu/p/8917999.html
Copyright © 2011-2022 走看看