摘要: display 用法:用来设置元素的类型 .name{ display : block; } 参数: inline: 将元素设置为块元素 block: 将元素设置为行内元素 inline-block: 将元素设置为行内块元素(行内块:即可以设置宽度和高度又不会独占一行) table: 将元素设置为一 阅读全文
posted @ 2021-04-09 15:02 我很靐 阅读(120) 评论(0) 推荐(0)
摘要: 行内元素的盒模型 行内元素不支持设置宽度和高度 行内元素可以设置 padding,但是垂直方向padding不会影响页面的布局 行内元素可以设置 border,垂直方向的border不会影响页面的布局 行内元素可以设置 margin,垂直方向的margin不会影响布局 阅读全文
posted @ 2021-04-09 14:35 我很靐 阅读(93) 评论(0) 推荐(0)
摘要: 垂直外边距的重叠(折叠) 特性描述:在盒模型设置外边距时,相邻的垂直方向上,两个元素的外边距会发生重叠现象 兄弟元素 (1)兄弟元素间的相邻垂直外边距会取两者之间的较大值(两者都是正值) (2)特殊情况 - 如果相邻的外边距一正一负,则取两者的和 - 如果相邻的外边距都是负值,则取两者中绝对值较大的 阅读全文
posted @ 2021-04-09 14:27 我很靐 阅读(102) 评论(0) 推荐(0)
摘要: 选择器的权重 选择器种类 优先级数值 语法 内联样式 1000 <a style=" "> id选择器 100 #id属性值{ } 类和伪类选择器 10 .class属性值{ }、:first-child 元素选择器 1 标签名称{ } 通配选择器 0 *{ } 继承的样式 没有优先级 <div>< 阅读全文
posted @ 2021-03-11 16:43 我很靐 阅读(78) 评论(0) 推荐(0)
摘要: 伪类(不存在的类,特殊的类) 常用伪类 作用:伪类用来描述一个元素的特殊状态 比如:第一个子元素、被点击的元素、鼠标移入的元素... 用法:伪类一般情况下都是使用 : 开头 :first-child 第一个子元素 :last-child 最后一个子元素 :nth-child() 选中第n个子元素 特 阅读全文
posted @ 2021-03-05 11:14 我很靐 阅读(99) 评论(0) 推荐(0)
摘要: CSS中的选择器 选择器:通过选择器,可以选择页面中的指定元素 常用选择器 元素选择器: 作用:根据标签名称来选中指定的元素 语法:标签名称 { } 例子:p{ } ; h1{ } ; div{ } id选择器: 作用:根据id名称来选中指定的元素 语法:#id属性值{ } 例子:<p id="ab 阅读全文
posted @ 2021-02-19 12:02 我很靐 阅读(100) 评论(0) 推荐(0)
摘要: JPEG(JPG): - 有损压缩 -支持颜色丰富,不支持透明效果,不支持动图 - 一般用来显示照片 GIF - 支持颜色较少,支持简单透明,支持动图 - 颜色单一的图片,动图 PNG - 支持颜色丰富,支持复杂透明,不支持动图 - 颜色丰富,复杂透明图片(转为网页而生) WEBP - 谷歌推出专为 阅读全文
posted @ 2021-02-18 11:05 我很靐 阅读(147) 评论(0) 推荐(0)