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文件中,还是以键值对形式书写样式。

  • 相关阅读:
    Django时区导致的datetime时间比较报错
    Django 插件之 Xadmin实现富文本编辑器
    xadmin自定义菜单、增加功能、富文本编辑器
    virtualenv虚拟环境搭建及pipreqs自动生成第三方模块简介
    Selenium 多窗口元素定位处理
    selenium 消息框元素定位处理
    无界面运行Jmeter压测脚本
    网站死链的扫描
    Jmeter关联处理
    逻辑思维训练
  • 原文地址:https://www.cnblogs.com/yanghuiting/p/9621227.html
Copyright © 2011-2022 走看看