博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS
阅读量:6586 次
发布时间:2019-06-24

本文共 951 字,大约阅读时间需要 3 分钟。

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标签

转载于:https://www.cnblogs.com/yslf/p/10771186.html

你可能感兴趣的文章
C#枚举
查看>>
pad点餐系统 内存管理的一点总结
查看>>
android图片加水印,文字
查看>>
一个C/S结构的优秀例子: 延迟补偿在C/S架构游戏协议设计和优化中的应用
查看>>
《干货集锦》——前端大牛 Addy Osmani 的15个精彩PPT
查看>>
分享:流言终结者——C语言内存管理
查看>>
ORACLE数据库设置编码
查看>>
Windows Event Log相关函数使用(1)
查看>>
Android 学习 笔记_07. XML文件解析
查看>>
常见端口列表
查看>>
什么是正则表达式
查看>>
旧的非flash版Metalink的入口
查看>>
Nuget 管理报repositories.config 访问路径被拒绝 解决办法
查看>>
存储过程传递参数时出现类型转换错误!如:varchar转换为int时出错
查看>>
python list append 相关知识点
查看>>
C# 图像编程 (1) 准备工作; 你好,空姐; 为空姐照片添加特效
查看>>
NAND FLASH ECC校验原理与实现
查看>>
SQL SERVER的锁机制(二)——概述(锁的兼容性与可以锁定的资源)
查看>>
Jira中的BUG导出
查看>>
基于FPGA的跨时钟域信号处理——专用握手信号
查看>>