zoukankan      html  css  js  c++  java
  • 2)

    属性:一些事物的基本特征

    属性----标签属性  <img src=" "  width=" "  height=" px"/>

                样式属性  <style> </style>

    *二者区别:1.位置不一样 2. 写法不一样

    选择器: 

              标签选择器

              id     选择器

              class选择器

    样式由选择器权重来决定----标签权重1     class权重10     id权重100

    *权重可以叠加

                     .as   a{

                                   color:black;

                                }  

    *注意事项:<p  class=" aa  bb ">...</p>

                        p {

                            color : red         ! important ;    权重无限大

                            } 

    浏览器执行代码-----从上往下,从左到右

    选择器的种类:

                         1. 标签选择器

                         2.id选择器

                         3.class选择器

                         4.后代选择器

                                               p  a  {

                                                         color : red ;

                                                         }                              标签嵌套多层关系(包含一层)

                         5.子代选择器

                                            . pp > a {

                                                            color : red ;

                                                          }                             标签嵌套只有一层关系

                         6.交集选择器

                                              # p . aa {

                                                              color : red ;

                                                           }                             *千万不能把标签写后面,如.aap

    CSS

    css指层叠样式表【Cascading Style Sheets】,给html添加样式

    <style  type  = " text / css " >

    </style>

    html 的 type= " text / html

    网页中如何嵌套style样式?

              1. 行间样式---将style当做属性写在标签内。 权重1000

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

              2. 行内样式---把style当做标签写在head之间

                      < head >

                                  < meta  charset = "UTF-8" >

                                  < title > < / title >

                                  < style  type = " text / css " >

                                                p { 

                                                        color : red  ;

                                                    }

                                 < / style >

                       < / head >

               3. 外部引入---把style当做css文件来用

                           < head >

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

                           < / head >

                           rel   href  是必不可少的

                          *备注:双标签,必须写结束标签         ( p可以忽略结束标签 )

                 4. 嵌入式---

                                  @ important     url   ( "   "  )

    【 CSS三种引入方式:

                             1)行间样式---把style当属性用,键值对在属性值中该怎么用怎么用

                             2)行内样式---把style当标签用,键值对还是老样子

                             3)外部引入---把样式写在css文件中,还是以键值对形式书写样式 】

  • 相关阅读:
    汇编语言 标志位介绍
    PHP中的二进制位运算和权限存储
    iframe 父窗口和子窗口相互的调用方法集锦
    document.compatMode
    $.browser.msie
    seo外链的真正做法
    APP常用控件学习理解
    家庭记账本APP开发准备(一)
    Android常用布局和控件
    安卓APP开发的初步了解
  • 原文地址:https://www.cnblogs.com/xiaotaiyangye/p/9620660.html
Copyright © 2011-2022 走看看