css 学习笔记
关注
分享
扫一扫
文章平均质量分 91
kaze_001
只为变成更好的自己...
展开
-
CSS 常用知识点学习笔记
CSSBorder可拆分为 border-width,border-style,border-color3条属性可以通过改变四条border的宽度实现特别的效果，比如：div{ width: 100px; height: 200px; background: #fff; position: absolute; ...原创 2019-08-30 14:46:13 · 321 阅读 · 0 评论
-
css 伪元素用法
日期： 2020 年 6 月 23日伪元素 ::before 和 ::after序言最近一直在学习 css 基础相关的一些知识，正好看到伪元素这一块儿，正好记点儿笔记，根据 w3c 记载，伪元素有 4 种：讲之前先说一下写法的问题，实际上，为了区分伪类和伪元素，我们在写伪元素的时候前面一般是双冒号 :: , 但是即便我们写成单冒号 : ，浏览器也能够自己识别出来，也是可以生效的，所以这个看个人习惯，我比较倾向于双冒号写法，因为有区分作用好了，下面就开始通过实例来展示一下这些伪元素的效果::fi原创 2020-06-23 15:00:56 · 665 阅读 · 0 评论 -
position 属性的常用的5种取值
日期：2020 年 6 月 22 日position 属性前言说到 CSS 的 position 属性，大家都知道也都用过，但是要说它有几个取值以及这些值的不同，可能有部分同学会哑口无言，毕竟这不影响日常开发（手动狗头），身为一名有梦想的程序员，我们应该秉承刨根问底的钻研精神，不能浅尝辄止、不求甚解，万丈高楼平地起，基础才是万物之根，基础知识掌握了，后面的学起来也会更容易废话不多说，正文开始小序position 属性的取值有：static | relative | absolute | fixe原创 2020-06-22 23:10:17 · 12965 阅读 · 7 评论 -
浮动与清除浮动
日期：2020年6月19日float 与 清除浮动浮动——floatfloat 属性有 3 个属性值：left、right、none，分别表示左浮动、右浮动、不浮动，当 float 不为 none 时会使当前元素脱离文档流，看起来像浮起来一样，下面看一个例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" co原创 2020-06-19 13:57:25 · 229 阅读 · 0 评论 -
Flex布局
Flex 布局 —— 阮一峰转载 2019-12-23 13:39:43 · 189 阅读 · 0 评论