样式表:

外部样式表(external style sheet)

<link rel="stylesheet" type="text/css" href="yes.css">rel=relationhref(url)

候选样式表(alternate style sheet)

<link rel="stylesheet" type="text/css" href="yes.css"><link re="alternate" type="text/css" href="yes.css">需要用户选择这个样式表时才会用于文档表现。

浏览器:大多基于Gecko文档样式表=嵌入样式表(document style sheet)

写在html中<style type="text/css"></style>@import指令用于指示web浏览器加载一个外部样式表。

出现在style容器中。要放在其他CSS规则之前,否则不起作用。

<style type="text/css">@import url(stle.css);/*@import comes first*/h1{color:yellow}</style>

CSS样式优先级:内联样式表(标签内部)>嵌入样式表(当前文件中)>

外部样式表(外部文件中)在html中,对于同一个元素可以有多个CSS样式存在,当有相同权重的样式存在时,会根据这些CSS样式的前后顺序来决定,处于最后面的CSS样式会被应用。

!important:为某些样式设置最高权值。important要写在分号的前面。p{color:red !important;}

选择器:选择器(selector)声明块(declaration block)声明(declaration)属性-值对(property-value)

元素选择器:最常见的选择器往往事HTML元素。文档的元素就是最基本的选择器。

分组选择器:p,h1,h2,h3,em{color:silver;}

通配选择器(universal selector):*{color:red;}

转载于:https://www.cnblogs.com/zhiting-carryon/p/5611828.html

css权威指南 note2相关推荐

  1. css权威指南第四版_16个非常有用的CSS伪选择器,你千万不要错过了!

    英文 | https://blog.bitsrc.io/css-pseudo-selectors-you-never-knew-existed-b5c0ddaa8116译文 | https://jue ...

  2. 《CSS权威指南》--附录

    <CSS权威指南>--附录 虽然一条规则中的声明可以按照任何顺序写出来,但我背后还是有一个优先级顺序: 1. display 及相关声明: 2. position 及相关的声明: 3. m ...

  3. css权威指南pdf

    下载地址:网盘下载 内容简介  · · · · · · 这本书提供了对CSSl和CSS定位的完整的描述,同时也给出了CSS2的概述.书中对CSS的每个属性都做了详细的探究,同时讨论了各个属性之间如何协 ...

  4. CSS权威指南之css声明,伪类,文本处理--(简要笔记一)

    1.css层叠的含义 后面的会覆盖前面的样式 2.每个元素生成一个框,也称盒. 3.替换元素和非替换元素. img如果不指定src的外部路径,该元素就没有意义.他由文档本身之外的一个图像文件来替换. ...

  5. CSS权威指南(第三版)

    很早就买了这本书,之前都是断断续续地看,前段时间总算是花时间系统的把它看了一遍.严格的说是第二次才把这本书系统的看完,之前是因为很多知识点看不懂,所以没有系统看.虽然这一次也有好多知识点没有看懂.但是 ...

  6. 读书笔记《CSS权威指南》

    阅读本书主要目的: 自从学会CSS以来,虽然熟练掌握了其使用方法和技巧,但对其底层的原理和实现并不清晰,阅读本书想进一步系统化的学习和深入研究其本质,对这门前端基础语言从熟练使用到真正理解. 第1章 ...

  7. CSS权威指南(一)CSS概述

    文章目录 1.元素 2.引入样式表 3.样式表 4.媒体查询 5.特性查询 1.元素 (1)置换元素和非置换元素 置换元素,指用来置换元素内容的部分不由文档内容直接表示.比如img标签. 非置换元素, ...

  8. 翻译《CSS权威指南》第3版第1章有感

    昨晚第一章终于翻译完了,今天一直在想其中在 1.4.5 注释 章节提示中的一段文字: One way to create "nested" comments accidentall ...

  9. CSS权威指南之选择器补充

    1.给拥有两种类属性的标签内加css样式 <!DOCTYPE html> <html lang="en"> <head><meta cha ...

最新文章

  1. 脚本——倒计时,ping,创建用户,作业:ssh并创建用户(未能实现功能)
  2. cmd后台运行exe_windows 十大实用“运行”命令
  3. 如何在Linux上使用端口敲门(以及为什么不应该这样做)
  4. jsf 自定义属性_如何在JSF中实现自定义密码强度指示器
  5. 怎样打开计算机音频服务器,win10系统音频服务器未运行的修复步骤
  6. (JAVA)List
  7. LG电子计划到2010年实现利润翻番
  8. OpenCV C++ 常用功能
  9. 分布式系统关注点(3)——过去这几十年,分布式系统的「数据一致性」精华都在这了!...
  10. python大数据和java大数据的区别-学习大数据先学Python还是JAVA?
  11. 2021新标发布:《实验室安全管理规范》 全文观读
  12. LaTex缺少宏包问题
  13. python的一些技巧操作,提高编码效率
  14. html省市多级联动下拉框,基于javascript实现全国省市二级联动下拉选择菜单
  15. Buhtrap在最新监控活动中使用多个0 day漏洞
  16. 黑苹果NVIDIA显卡驱动程序【WebDriver-378.05.05.25f16 +支持 macOS 10.12.6 Sierra (16G2016)版本】
  17. Python之王者荣耀文字游戏,以及小知识回顾
  18. requests和正则re的使用抓取某小说文本(附带源码)
  19. 论文笔记:再看ResNet——ResNet典型网络结构
  20. 解决字符终端下fbterm打不开yong输入法的问题

热门文章

  1. A - 数据结构实验之栈与队列一:进制转换
  2. java urlconnection乱码_HttpURLConnection 请求乱码
  3. python 环境管理工具_python3环境管理器
  4. 注册表把html设置成桌面,[注册表] 将Windows 10默认应用程序设置页面添加到桌面右键菜单中...
  5. ios如何看idfv_ios获取手机状态 idfa   idfv   网络类型   分辨率   获取运营商
  6. 我是学Java的,为什么要我装JDK
  7. 图像算法四:【图像增强--频率域】傅里叶变换、快速傅里叶变换、频域滤波、频域低通滤波、频域高通滤波
  8. 《南明史》txt版本
  9. VS2008程序发布的环境配置
  10. Qt多线程应用--QRunnable