zoukankan      html  css  js  c++  java
  • css选择符归类

    Css语法:
    选择符{属性,属性值}
    选择符:就是给标签起名字
    (一)类型选择符(标签选择符)
    所有的html标签可以当作选择符应用

    特点:能选中当前结构中里面全部同名标签
    应用:想统一某一个标签样式的时候h或者清楚某个标签样式的时候
    (二)id选择符。相当于人的身份证号
    语法:
    起名字: <标签 id="名称"></标签>
    用名字写样式: #名称{属性:属性值}
    特点:唯一性:在同一网页里面,一个id只能用一次。
    应用:来划分网页的外部结构。
    起名•规范:
    尽量小写字母开头。
    数组、字母、下划线、连字符的组合。
    不能使用关键字命名(所有的标签都属于关键字)
    起名方法:
    1.驼峰式命名法:
    news-Left news-Right
    2.连字符命名法:
    news-left news-center news-right
    3.下划线命名法:
    news_left news_center news_right

    (三)类选择符(class选择符)
    类名处 编辑需用.class
    语法:
    其名称: <标签 class=名称1 名称2 名称3 名称4 ></标签>
    用类名写样式: . 名称{属性:属性值}
    起名•规范:
    尽量小写字母开头。
    数组、字母、下划线、连字符的组合。
    不能使用关键字命名(所有的标签都属于关键字)
    最开始需要命名 然后再开始

    起名方法:
    1.驼峰式命名法:
    news-Left news-Right
    2.连字符命名法:
    news-left news-center news-right
    3.下划线命名法:
    news_left news_center news_right

    特点:
    	A. 一个元素有多个类名,类名可以重复出现
    	b.可以制定一类样式
    

    (四):群组选择符
    语法:以逗号分隔开的方式,将多个选择符组成一组,给整体加样式。
    选择符1,选择符2,选择符3,选择符4{属性:属性位; }
    eg :
    #box, .con,h3 , #wrap{ 300px ;}

    (五)包含选择符 (子代选择符/后代选择符)
    语法:父元素 子元素(空格•链接) {属性:属性值;}

    (六)伪类选择器(同时存在时不能改变顺序)
    a:link {color: red;} /未访问的链接状态/
    a:visited {color: green; } /已访问的链按状态/
    a:hover {color: blue; } /鼠标滑过链按状态/
    a:active {color: yellow; } /鼠标按下去时的状态/
    伪类选择器经典操作:
    a{

    	color:red;
    
     }
    a:hover{
    	color:yellow;
     }
           注意:a为四种状态统一
    	且给谁hover就改变谁。
    

    (七)通配符
    *{}
    *选择页面中所有的元素!

         *{
           margin:0;盒子外面间距为零
          padding:0;盒子
           }
    

    去除默认样式,重置样式

  • 相关阅读:
    刷新或关闭时调用onbeforeunload
    单词换行问题
    PhpStorm提高效率的使用方法及设置
    高质量代码编写
    数组去重
    HMTL5 本地数据库
    Html5 本地存储
    php array(object) 与xml相互转换
    pwnable.kr之leg
    文件上传漏洞及其绕过
  • 原文地址:https://www.cnblogs.com/SmileCakes/p/12595178.html
Copyright © 2011-2022 走看看