摘要：
border-width可以不写，浏览器会自己设置，可能为3PX <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> 阅读全文
posted @ 2021-02-14 20:53
俗气小博
阅读(47)
评论(0)
推荐(0)
摘要：
盒模型-盒子模型-框模型（box model） 必须知道元素的形状和大小 css将所有的元素设置为一个矩形的盒子 对页面的布局就等于将盒子拜访到不同的位置 每一个盒子都有几个部分组成： 1.内容区（content） 2.边框（border） 3.内边距（padding） 4.外边距（margin） 阅读全文
posted @ 2021-02-14 20:34
俗气小博
阅读(39)
评论(0)
推荐(0)
摘要：
布局很重要 网页是多层的结构 一层压一层 通过css可以对每一层设置样式，用户只能看到最上面一层 最低层级叫文档流， 我创建的元素默认在文档流中进行排序 元素有两个状态：在文档流/不在文档流（脱离文档流） 元素在文档流中有什么特点（脱离肯定会变化）： 块元素：1.每一个占一行，肯定会独占一行，自上向 阅读全文
posted @ 2021-02-14 20:21
俗气小博
阅读(90)
评论(0)
推荐(0)
摘要：
HSL值（用的不会特别多） 在工业设计中用的多 H色相（0~360） S饱和度（0-100%）浓度 L亮度（颜色的亮度，0-100%） 阅读全文
posted @ 2021-02-14 20:06
俗气小博
阅读(160)
评论(0)
推荐(0)
摘要：
颜色名不方便，用RGB值 通过三种颜色的浓度来调配的颜色 RED GREED BLUE 每一种颜色在0~255之间 语法RGB（0,0,0） RGBA（0,0,0,0.5）0.5为不透明度，1为完全不透明，0为完全透明 十六进制值： 语法：#红色绿色蓝色 颜色浓度00-ff 如果两位两位重复，可以重 阅读全文
posted @ 2021-02-14 20:02
俗气小博
阅读(287)
评论(0)
推荐(0)
摘要：
1em=1font-size（相对于自身字体） 会根据字体大小变而变 1rem=相对根元素的字体大小（html） html { font-size: 10px; } 阅读全文
posted @ 2021-02-14 19:51
俗气小博
阅读(84)
评论(0)
推荐(0)
摘要：
不同屏幕的像素的大小是不同的。像素越小显示的效果越好。 所以200px在不同的设备下显示效果不同 屏幕可能会放大我们的像素显示效果。 一个像素就是一个小点 百分比：可以将属性设置为父元素属性的百分比 百分比可以跟随父元素改变而改变 阅读全文
posted @ 2021-02-14 19:47
俗气小博
阅读(594)
评论(0)
推荐(0)
摘要：
两种不同的方式找到同一个元素 由优先级决定 选择器的权重排行，越前越高（可以在某一个样式的后面加!important） 内联样式1000 id选择器100 类和伪类选择器10 元素选择器1 统配选择器为0 继承的样式，没有优先级 比较优先级时，需要将所有的选择器相加计算，累加不会超过一个数量级类相加 阅读全文
posted @ 2021-02-14 14:44
俗气小博
阅读(115)
评论(0)
推荐(0)
摘要：
p{ color: brown; } <p> 我是P元素 <span>我是p元素中的span</span> </p> span也会变红 继承对我们的开发有好处 我们可以将一些共用的属性写在祖先那里 并不是所有样式会继承 比如背景相关，布局相关等 阅读全文
posted @ 2021-02-14 14:26
俗气小博
阅读(25)
评论(0)
推荐(0)
摘要：
餐厅选择器练习地址：http://flukeout.github.io/元素选择器第1关plate选中 plate 元素第2关bento选中 bento 元素id选择器第3关#fancy选中 id = “fancy” 的元素后代选择器第4关plate apple选中 plate 祖先元素下的 app 阅读全文
posted @ 2021-02-14 14:17
俗气小博
阅读(1171)
评论(0)
推荐(1)
浙公网安备 33010602011771号