zoukankan      html  css  js  c++  java
  • 属性,选择器和css

    一、属性

    属性:表示事物的一些特征

    属性分为标签属性和样式属性

    标签属性:<img src="1.jpg" width="200px" heifht="200px"/>

    样式属性:<style>

            p{

              color:red;

              }

    二者的区别:1、位置不一样 —— 样式属性写在style中 标签属性写在标签内

          2、写法不一样 —— 样式属性是属性:属性值,标签属性是属性="属性值"

    二、选择器

    1、样式到底按什么要求?

         由选择器的权重来决定的

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

           权重是可以叠加的

    2、浏览器是如何去执行代码?

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

    3、选择器的种类

      1)、标签选择器

      2)、id选择器

      3)、class选择器

      4)、后代选择器

           p  a{

            color: red;          标签嵌套多层(包括一层)

            }

      5)、子代选择器

          .pp>a{

               color: red;         标签嵌套只有一层关系

             }

      6)、交集选择器

         #p.aa {

             color: red;

            }

        注:千万不能把标签写在后面,如:.app

    三、CSS

    1、CSS:层叠样式表

      目的:是给html添加样式

       <style   type="text/css"></style>

    2、网页中如何嵌套style样式

      1)、行间样式:把style当做属性写在标签内

        <p style="color: red;">heello</p>

      2)、行内样式: 把style当作做标签来用写在head之间

        <head>

          <meta charset="UTF-8">

          <title></title>

          <style  type="text/css">

            p{

               color: red;                        行内标签

             }

          </style>

        </head>

      3)、把style当做CSS文件来用。外部引用

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

      注:rel和href是必不可少的

        双标签     必须写结束标签,p可以忽略结束标签

    3、CSS的三种引入方式:

      1)、行间样式:把style当做属性来使用,键值对在属性值中该怎么用就怎么用;

      2)、行内样式:把style当做标签来使用,键值还是老样子;

      3)、外部引入:将样式写在CSS文件中,还是以键值对形式书写样式。

  • 相关阅读:
    python 基础2.5 循环中continue与breake用法
    python 基础 2.4 while 循环
    python 基础 2.3 for 循环
    python 基础 2.2 if流程控制(二)
    python 基础 2.1 if 流程控制(一)
    python 基础 1.6 python 帮助信息及数据类型间相互转换
    python 基础 1.5 python数据类型(四)--字典常用方法示例
    Tornado Web 框架
    LinkCode 第k个排列
    LeetCode 46. Permutations
  • 原文地址:https://www.cnblogs.com/yanghuiting/p/9621227.html
Copyright © 2011-2022 走看看