摘要:定位默认值几乎不用了解就可以绝对定位不为元素预留空间脱离文档流如果当前元素的父级元素是元素的话是相对于当前页面的定位如果当前元素的父级不是元素的话父级元素没有开启定位则是相对于页面的定位如果当前元素的父级不是元素的话父级元素开启定位
定位
static - 默认值 (几乎不用,了解就可以)
absolute - 绝对定位,不为元素预留空间,脱离文档流:如果当前元素的父级元素是
元素的话 -> 是相对于当前页面的定位如果当前元素的父级不是
元素的话,父级元素没有开启定位 -> 则是相对于页面的定位如果当前元素的父级不是
元素的话,父级元素开启定位 -> 则是相对于父级元素定位fixed - 固定定位,不为元素预留空间:
是相对于窗口来定位元素位置,脱离文档流
relative - 相对定位,不脱离文档流
相对定位是相对于自身元素原来的位置的定位
定位的方式解析图:
z-index属性值大的在上方,小的在下方,就是所z-index属性值大的覆盖小的
堆叠分析图:
继承就是父级元素的属性,子级元素使用可以不用设置直接使用
注意: CSS属性中不是所用属性都可以继承
CSS的样式属性:
可继承的属性 - 指定元素的样式,同时作用其后代元素
不可继承的属性 - 只能作用在指定的元素
备注: 继承中有一个inherit值 - 就是是继承于祖先元素属性的意思,当子级元素的属性设置inherit值时代表继承父级元素使用的属性值.
一花一世界,一叶一孤城
继承于层叠分析图
层叠就是选择器的优先级别,当为某个选择器设置 !important 时该选择器优先级别最大
注意: 为某个选择器设置!important时会打乱原本选择器的优先级别的规则可能会影响整个页面布局,所以能不用就不用,知道有这个东西就行
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/113793.html
摘要:定位默认值几乎不用了解就可以绝对定位不为元素预留空间脱离文档流如果当前元素的父级元素是元素的话是相对于当前页面的定位如果当前元素的父级不是元素的话父级元素没有开启定位则是相对于页面的定位如果当前元素的父级不是元素的话父级元素开启定位 定位 static - 默认值 (几乎不用,了解就可以) absolute - 绝对定位,不为元素预留空间,脱离文档流: 如果当前元素的父级元素是元素...
摘要:链接与图像链接元素元素表示链接元素作用从当前页面跳转到指定页面属性设置指定跳转页面的路径路径分类相对路径相对于当前页面的路径绝对路径访问的路径地址不变化示例代码相对路径的链接文本阴影案例他是链接绝对路径的链接他也 链接与图像 链接元素 < a >元素 - 表示链接元素 作用 - 从当前html页面跳转到指定html页面 属性 href - 设置指定跳转html页面的路径 ...
摘要:链接与图像链接元素元素表示链接元素作用从当前页面跳转到指定页面属性设置指定跳转页面的路径路径分类相对路径相对于当前页面的路径绝对路径访问的路径地址不变化示例代码相对路径的链接文本阴影案例他是链接绝对路径的链接他也 链接与图像 链接元素 < a >元素 - 表示链接元素 作用 - 从当前html页面跳转到指定html页面 属性 href - 设置指定跳转html页面的路径 ...
阅读 1850·2019-08-29 16:44
阅读 2154·2019-08-29 16:30
阅读 765·2019-08-29 15:12
阅读 3508·2019-08-26 10:48
阅读 2644·2019-08-23 18:33
阅读 3759·2019-08-23 17:01
阅读 1917·2019-08-23 15:54
阅读 1284·2019-08-23 15:05