zoukankan      html  css  js  c++  java
  • CSS

    CSS的概念
      html 使用标签条件元素的样式是有限制的, 所以需要 css
      一般来说 html 负责元素的描述, css负责元素样式的控制(样式的渲染),

    使用 css 的三种方式:
      1.直接在 html 标签中定义 style 样式 (不用)
      2. 在 head 中定义 style 样式 (用的不多)
      3.创建 css 文件, 引入到 html (用的最多)

    优先级:
      标签中的样式 > head中的style的样式 > 外部引用的样式

    CSS选择器概念:

      选择器就是能够在 css 文件中识别 html 中指定的元素的语法,
      在 jQuery 中也会出现类似的原则器

    基本的选择器有:
      元素选择器 : 直接使用元素的名称选择                       使用 标签{ } 引用
      id 选择器 : 需要再标签中添加属性 id="值",                  使用 #id值{} 引用
        如果多个样式同时控制一个元素, 则后面的覆盖前面的样式
      类选择器 : 需要再标签中添加属性 class="值",                  使用 .class属性值{ } 引用
      子选择器 : 如果只选择父元素的子元素, 不选孙子元素, 这样的选择器叫做子选择器   使用 #父元素值>子元素{ } 引用
      后代选择器 : 指定元素的后代元素                         使用 .父元素值 子元素{ } 引用
      伪类选择器 : 鼠标经过或离开的时候的一些行为表现.                使用 #属性值:hover{ } 引用
      属性选择器 :  div[class] 选择具备class属性的div标签
            div[class="div2"] 选择具备class属性="div2"的div标签
            div[class^='d'] 选择具备class属性值以 'd' 开头的div标签
            div[class*='i'] 选择具备class属性包含 'i' 的div标签

  • 相关阅读:
    Trachtenberg(特拉亨伯格)速算系统
    English Conversations You Can Download for Free (Spoken English MP3/Audio Files)
    rel=nofollow 是什么意思
    移动端 触摸事件 ontouchstart、ontouchmove、ontouchend、ontouchcancel
    <mate name="viewport">移动端设置详解
    jquery简单实现tab选项卡效果
    PHP new StdClass()创建空对象
    PHP可变函数
    jQuery中this与$(this)的区别实例
    jQuery给动态添加的元素绑定事件的方法
  • 原文地址:https://www.cnblogs.com/yslf/p/10771186.html
Copyright © 2011-2022 走看看