前端
深圳拾荒者2018
努力搬砖
展开
-
margin外边距的使用
margin :表示多个盒子之间的间距margin:设置的是同级元素位置之间的拒接margin:设置外边距 那个元素需要移动就给那个元素添加margin:不会撑大当前盒子的高宽大小margin方向值的问题 前端的方向都是顺时针转的margin 设置一个值 便是上下左右margin 两个值 也是上下左右margin 三个值 上左右下margin 四个值 表示上右下左方向的属性 marin-top /rigth/bottom/leftmargin可不可以用负值...原创 2021-08-19 20:15:27 · 184 阅读 · 0 评论 -
padding 内边距的使用
padding 是用来设置父级元素与子集元素位置之间的关系padding的属性数值:+px(单位)padding的添加位置 通常情况下是给父级添加的,会把父级元素撑大 为了不破坏初始布局 需要减去相对于的padding值 子级元素添加padding 依然会撑大容器的大小padding 方向值的问题 前端的方向都是往顺时针方向去转的padding 设置一个值 :表示上下左右padding设置两个值 :表示上下左右paddin...原创 2021-08-19 19:56:57 · 360 阅读 · 0 评论 -
盒子模型的概念
设置元素与元素位置之间的关系组成部分content 内容设置盒子的宽高padding 设置内边距border 设置边框边界margin 设置外边距原创 2021-08-19 19:41:28 · 141 阅读 · 0 评论 -
盒子浮动属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do.原创 2021-08-19 19:36:06 · 318 阅读 · 0 评论 -
总结关于选择器的权重
权重:选择器加载的顺序优先级000行内样式表 :1000id选择器:100class类选择器:10伪类选择器:10标签选择器:01包含选择器:相加群组选择器:各自计算通配符:0000原创 2021-08-19 19:23:30 · 249 阅读 · 0 评论 -
hover的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do.原创 2021-08-19 19:16:38 · 396 阅读 · 0 评论 -
CSS选择器的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do.原创 2021-08-19 19:04:06 · 300 阅读 · 0 评论