zoukankan      html  css  js  c++  java
  • css和选择器的简单了解

    一.   属性:事物的一些特征

      属性:样式属性和标签属性

      二者的区别:

      1.样式不一样

      2.写法不一样

      样式属性写在style中  标签属性写在标签内

      样式属性是属性:属性值       标签属性是属性="属性值"

      例如: 标签属性:<img src="1.jpg" width="100px" height="100px">

          样式属性:<style>

                p{

                   color:red;

                  }

               </style>

    二.选择器

      1.标签选择器

      2.Id选择器

      3.Class选择器

      4.后代选择器(标签嵌套多层关系,包含一层)

      5.子代选择器(标签嵌套只有一层)

      6.交集选择器    备注:千万不能把标签写在后面,如: .aap

    样式到底按什么要求?由选择器的权重来决定。

    标签的权重是1  class的权重是10  id的权重是100.

      备注:权重可以叠加。

      注意事项:权重无限大

      浏览器如何去执行代码。

      浏览器执行代码是从上往下,从左往右。

      备注:

      a(超链接标签)是特殊的 ,要改变a里面的颜色,必须直接给a,给a的父级设置不行

      属性继承:明明是父级上设置样式,结果后代标签也跟着发生变化,这就叫属性继承

    三.css

      css层叠样式表,给html添加样式

    html的type=”text/tml”

    css的三种引入方式

    1.行间样式把style当作属性使用,写在标签内,键值对在属性值中该怎样用就怎样用,权重为1000

        例:<p style="color:red;">hello</p> 

    2.行内样式把style当作标签使用,写在head之间

         例:<head>

            <style>

              p{

                color:red;

                }

            </style>

          </head>

    3.引用,将样式写在css文件中,还是以键值对的形式写样式

        例: <link type="text/css"  rel="stylesheet" href="./01.css">

       rel和href必不可少

      备注:双标签  必须写结束标签       p可以不写结束标签

    4.嵌入式

      例:@import    url("02.css");

        释义:将02.css文件引入这个文件中,再在html文件中用link将这个文件引用

  • 相关阅读:
    HTTP协议详解(真的很经典)
    几点建议,让Redis在你的系统中发挥更大作用
    Redis能干啥?细看11种Web应用场景
    Java中使用Jedis操作Redis
    java的锁机制——synchronized
    web开发中的两把锁之数据库锁:(高并发--乐观锁、悲观锁)
    一分钟教你知道乐观锁和悲观锁的区别
    $^,$@,$?,$<,$(@D),$(@F) of makefile
    linux shared lib 使用与编译
    makefile learning
  • 原文地址:https://www.cnblogs.com/Shinigami/p/9621111.html
Copyright © 2011-2022 走看看