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

  • 相关阅读:
    java中的Class类
    装机
    CSS入门
    初级HTML
    IO加强
    Lambda表达式
    IOStream-基础
    JavaSE阶段基础内容(不包括I/O,常用类,集合)
    markdown学习
    Log4j配置详解
  • 原文地址:https://www.cnblogs.com/Shinigami/p/9621111.html
Copyright © 2011-2022 走看看