CSS学习笔记
关注
分享
扫一扫
头发没了还会再长
你不需要很厉害才开始，但你要开始才能很厉害
展开
-
CSS学习笔记之定位布局
想要改变正常文档流，实现方法就是浮动和定位，浮动虽然很好用，但控制元素位置较灵活，如果想把元素布局在任意位置，就可以用定位来实现,定位是一种更加高级的布局手段，使用position的属性来设置定位@[toc]定位布局1.默认值：static position设置为static后，元素是静止的，没有开启定位2.相对定位：relative position设置为relative后，元素开启了相对定位2.1相对定位的特点1.元素开启相对定位以后，如果不设...原创 2021-09-23 09:44:55 · 190 阅读 · 0 评论 -
CSS之解决高度塌陷和外边距重叠问题
上干货.clearfix::before,.clearfix::after{ content: ''; display: table; clear: both;}原创 2021-09-22 13:14:39 · 99 阅读 · 0 评论 -
CSS学习笔记之浮动布局
文字环绕图片？元素水平排列？让我们学习浮动来实现吧！！原创 2021-09-22 10:27:31 · 367 阅读 · 0 评论 -
CSS学习笔记之轮廓阴影和圆角
哇！终于可以美化我们方方正正的边框了！ box-shadow 为边框添加阴影 outline 用来设置元素的轮廓线 border-radius 用来设置圆角 属性及其语法 属性 语法 box-shadow box-shadow:水平偏移量 垂直偏移量 阴影的模糊半径 阴影颜色 outline outline:边框宽度 边框颜色 边框属性 border-radius border-radius:左上圆角半径 右上圆角半径 右下圆角半径 左下圆原创 2021-09-22 08:35:38 · 208 阅读 · 2 评论 -
CSS京东图片列表练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-09-21 13:29:38 · 224 阅读 · 0 评论 -
CSS之行内元素的盒模型
行内元素不支持设置宽度和高度，但如果必须为行内元素设置宽度和高度，可以通过display来设置元素的显示类型 visibility来设置元素的显示状态<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view原创 2021-09-21 13:16:40 · 145 阅读 · 0 评论 -
CSS外边距折叠
兄弟元素：在设置外边界的过程中，我们会发现，如果两元素相邻，我们为两个元素分别设置外边距（用a，b表示），两个元素直接的边距并不是a+b，而是max（a，b），这就是外边距折叠 父子元素：当我们为子元素设置外边距的时候，父元素的外边距也会发生改变<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp.原创 2021-09-21 13:13:05 · 224 阅读 · 0 评论 -
CSS盒子模型之盒子水平方向学习笔记
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-09-21 12:52:25 · 198 阅读 · 8 评论