摘要:
一个一个元素,依次渲染,按照页面文档的树形目录结构进行 渲染每一个元素的前提条件:该元素的所有css属性必须都有值 属性值的计算过程:一个元素,从所有属性没有值到所有属性都有值的过程 1.确定声明值:参考样式表(作者样式表,或者浏览器样式表)中没有冲突的声明,作为css属性值 2.层叠冲突:对样式表 阅读全文
posted @ 2020-07-22 21:13
颿華正茂
阅读(428)
评论(0)
推荐(0)
摘要:
继承:子元素会继承父元素的某些css属性 通常跟文字内容相关的属性都会被继承 可以在mdn中查看该属性是否是继承属性 在浏览器中也可以查看,inherit from **** 阅读全文
posted @ 2020-07-22 21:09
颿華正茂
阅读(136)
评论(0)
推荐(0)
摘要:
声明冲突:同一个样式多次用到同一个元素 层叠(权重计算):解决声明冲突的过程,浏览器自动解决 1.比较重要性 重要性从高到低: 1.作者样式表中的!important样式 2.作者样式表中的普通样式 3.浏览器的默认样式 2.比较特殊性 总体规则:选择器选中的范围越窄,越特殊 具体规则:通过选择器计 阅读全文
posted @ 2020-07-22 20:57
颿華正茂
阅读(181)
评论(0)
推荐(0)
摘要:
id选择器 元素选择器 类选择器 通配符选择器 属性选择器: 根据属性名和属性值来选择到元素 [属性名]:选择属性名为该值的元素 伪类选择器: 选中某些元素的某种状态 :hover{}当鼠标移到该元素上的样式 :active{},激活状态,鼠标点击之后的样式 :ling{}.超链接未访问的状态 :v 阅读全文
posted @ 2020-07-22 20:55
颿華正茂
阅读(145)
评论(0)
推荐(0)
摘要:
color:文字颜色 值: 预设值:定义好的单词 三原色:光学(红绿蓝)每种颜色可以使用0-255之间的数字来表达 色值写法:rgb(0,0,0) hex表示法(十六进制)#红绿蓝(#008c8c)当两位数一样的时候可以省略一位 几种可以记住的颜色: 淘宝红#f40 黑色#000 白色:#fff 红 阅读全文
posted @ 2020-07-22 20:53
颿華正茂
阅读(212)
评论(0)
推荐(0)
摘要:
css规则=选择器+声明块 选择器的三种基本写法: 1.元素选择器: 2.id选择器 3.class选择器(类选择器) css写的地方,写在head里的原因:希望浏览器最先读取样式 外部样式表:将样式文件写在独立的文件中。 1.外部样式表可以解决多页面重复的问题 2.有利于浏览器缓存。从而提高页面响 阅读全文
posted @ 2020-07-22 20:50
颿華正茂
阅读(146)
评论(0)
推荐(0)
摘要:
元素包含关系 以前:块级元素可以包含行级元素:行级元素不能包含块级元素,a元素除外 现在:元素的包含关系由元素的内容决定。 例如查看h1元素中是否可以包含p元素:从语义 上想,标题里面没有段落,所以不能包含 h1 mdn,查看允许内容 总结: 容器元素中可以包含任何元素 a元素几乎可以包含任何元素 阅读全文
posted @ 2020-07-22 20:47
颿華正茂
阅读(377)
评论(0)
推荐(0)
摘要:
容器元素:该元素代表一块区域,内部用于放置其他元素 div: span: 语义化容器元素: header:通常用于表示页头,有时候也用于表示文章的头部 footer:通常用于表示页脚,文章尾部 artic:通常用于表示整篇文章 section:通常用于表示文章段落章节 aside:通常用于表示附加信 阅读全文
posted @ 2020-07-22 20:44
颿華正茂
阅读(162)
评论(0)
推荐(0)
摘要:
列表元素 有序列表: ol>li: type 属性:可以列表左边序号的类型有五种:A,a,i,I,1 用css控制:list-style: reversed:倒序:是一个布尔属性 无序列表:常用于制作菜单,或新闻列表 ul>li 定义列表:通常用于一些定义术语 dl:定义列表 dt:标题 dd:描述 阅读全文
posted @ 2020-07-22 20:43
颿華正茂
阅读(245)
评论(0)
推荐(0)
摘要:
多媒体元素 vido:视频 controls:显示播放控件 某些属性的取值为本身的属性叫做布尔属性,这种属性可以只写属性名。 autopaly:自动播放 muted:静音播放 loop:循环播放 audio:音频 兼容性:旧版本的浏览器不支持这两个元素 不同浏览器支持的音频格式可能不一致 给元素写一 阅读全文
posted @ 2020-07-22 20:39
颿華正茂
阅读(409)
评论(0)
推荐(0)