html5--6-4 CSS选择器

实例

学习要点

    掌握常用的CSS选择器

  • 了解不太常用的CSS选择器

什么是选择器

当我们定义一条样式时候,这条样式会作用于网页当中的某些元素,所谓选择器就是样式作用的对象.

插入样式的三种方法

    1. 内联样式表(行内)
    2. 内部样式表(style中)
    3. 外部样式表
      • 创建一个外部样式表
      • 在head中使用link元素插入样式表

CSS语法

  • 单一元素的多个属性之间用分号隔开;若只有一个可以省略
  • 多个元素之间用逗号隔开
  • 如果值为若干单词,则要给值加引号;除了这种情况外其他时候不可以加引号
  • css代码的注释
  • 样式的优先顺序:
    • 设计者设计的样式>浏览器用户自定义的样式>浏览器自设的样式
    • 强制优先级:!important
    1. 行内(内联)样式
    2. 内部样式:style中的样式
    3. 外部样式
  • 层叠、继承、冲突
    • 外观样式--比如字体、颜色可以继承;而布局有关的样式不可以继承,比如边框等
  • 可以在同一个 HTML 文档内部引用多个外部样式表。

CSS选择器

常用选择器

    1. 通用选择器:“*”;文档中所有的内容都会加上选择器
    2. 元素选择器;比如p,比如div
    3. id选择器:前面有一个 #
    4. 类选择器:前面加符号 .
      • 给一个元素加上多个类名
      • 指定某一特定的类

最新文章

  1. html5 自定义标签取值
  2. hdu 5818 (优先队列) Joint Stacks
  3. C# url信息获取
  4. 【转】dsadd user批量创建AD用户命令详解
  5. jsp探针
  6. [置顶] android 自定义圆角ImageView以及锯齿的处理
  7. PowerBI分析Exchange服務器IIS運行日誌
  8. Java连接数据库,及增删改查
  9. Content Provider的启动过程
  10. MySQL注入技巧性研究
  11. python-反射案例讲解
  12. Windows下安装 Memcache
  13. iOS 两个页面之间的跳转
  14. maven打包时跳过单元测试
  15. Oracle分组函数以及数据分组
  16. UE4修改自Rama的UDP通信蓝图插件
  17. [BZOJ 1972][Sdoi2010]猪国杀
  18. Android基础------高级ul:消息对话框
  19. hadoop07---synchronized,lock
  20. jsp中的http status 500错误问题怎么解决

热门文章

  1. Yii 之Session使用
  2. IOS开发之触摸背景关闭键盘的代码实现
  3. 什么是 Linux 发行版
  4. PLsql/Oracle数据库中没有scott账户,如何创建并解锁
  5. 使用Maven运行Java main的方法(转)
  6. Word中将文本框、图形对象中的文本边距调整
  7. iOS 内存管理实践
  8. POJ - 1062 昂贵的聘礼(最短路Dijkstra)
  9. Office转SWF的一些感想(Office2007和Office2010)
  10. centos下的hadoop服务器的配置