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将这个文件引用

原文地址:https://www.cnblogs.com/Shinigami/p/9621111.html