摘要：
浮动：float：left 元素靠左靠上 float：right 元素靠右靠上 浮动盒子在排列时，会避开常规流块盒子， 常规流块盒子在排列时无视浮动盒子 行盒在排列时，会避开浮动元素 如果文字直接写在块盒当中，浏览器会自动给文字加上一个行盒，（该行盒叫做匿名行盒）包裹文字 文字环绕效果，将图片元素浮 阅读全文
posted @ 2020-07-22 21:27
颿華正茂
阅读(146)
评论(0)
推荐(0)
摘要：
视觉格式化模型（布局规则）：页面中的多个盒子排列规则 大致三种方式 1.常规流 2.浮动 3.定位 包含块：每个盒子都有他的包含块，包含块决定了盒子的排列区域 绝大部分呢情况下：盒子的包含块为其父元素的内容盒 块盒：每个块盒的总宽度，必须刚好等于包含块的宽度 宽度的默认值是auto，将剩余空间占满 阅读全文
posted @ 2020-07-22 21:23
颿華正茂
阅读(110)
评论(0)
推荐(0)
摘要：
行盒盒模型 显著特点：盒子沿着内容延申 行盒不能设置宽高，若要调整，可以设置字体大小来调整 内边距：左右方向上有效，上下方向上仅仅会影响背景，不会实际占据空间 边框：左右方向上有效，上下方向上仅仅会影响背景，不会实际占据空间 边距：左右有效。上下完全无效 行块盒：具有行盒和块盒的特点（一般用来做分页 阅读全文
posted @ 2020-07-22 21:21
颿華正茂
阅读(151)
评论(0)
推荐(0)
摘要：
改变宽高范围： 默认情况下，width和height设置的是内容盒的宽高。 页面重构师：将psd文件转变为静态页面 改变背景覆盖范围： 默认情况下是覆盖到边框盒，修改使用background-clip进行修改 溢出处理： 处理内容溢出边框盒。使用overflow overflow-y: scroll 阅读全文
posted @ 2020-07-22 21:18
颿華正茂
阅读(117)
评论(0)
推荐(0)
摘要：
盒模型： box：盒子，每个元素在页面中都会生成一个矩形区域（盒子） 盒子类型： 1.行盒：display等于inline的元素，不可以换行，不能设置宽高 宽高由内容决定 常见行盒： 2.块盒：display等于block的元素，独占一行，可以设置宽高 宽高由设置的值决定 盒模型 1.内容 cont 阅读全文
posted @ 2020-07-22 21:15
颿華正茂
阅读(109)
评论(0)
推荐(0)
摘要：
一个一个元素，依次渲染，按照页面文档的树形目录结构进行 渲染每一个元素的前提条件：该元素的所有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)
浙公网安备 33010602011771号