![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
复习巩固CSS
文章平均质量分 88
晋龍
越努力越幸运,努力不停,幸运不停。
展开
-
从CSS定位装饰开始入门前端Day08
目标:能够说出定位的常见应用场景,并且能够说出不同定位方式的特点1、定位的基本介绍1.1网页中常见布局方式标准流(1)块级元素独占一行→垂直布局(2)行内元素/行内块元素一行显示多个→水平布局浮动(1)可以让原本垂直布局的块级元素变成水平布局定位(1)可以让元素自由的摆放在网页的任意位置(2)一般用于盒子之间的层叠情况1...原创 2022-04-13 02:44:51 · 181 阅读 · 0 评论 -
从CSS浮动开始入门前端Day07
目录1.结构伪类选择器2.伪元素3.标准流4.浮动4.1浮动的作用 4.1.1浮动的特点4.2浮动的代码4.3浮动的特点5.清除浮动5.1清除浮动的介绍5.2清除浮动的方法一直接设置父元素高度5.3清除浮动的方法一额外标签法5.4清除浮动的方法—单伪元素清除法5.5清除浮动的方法—双伪元素清除法5.6清除浮动的方法—给父元素设置overflow:hidden1.结构伪类选择器目标:能够使用结构伪类选择器在...原创 2022-04-13 00:25:03 · 164 阅读 · 0 评论 -
从CSS盒子模型开始入门前端Day06
1、CSS三大特性能认识不同选择器的优先级公式,能够进行CSS权重叠加计算,分析并解决CSS冲突问题1.1继承性1.2层叠性注:继承性,层叠性在前一天总结1.3优先性特性:不同选择器具有不同的优先级,优先级高的选择器样式会覆盖优先级低优先级选择器样式优先级公式:继承<通配符选择器<标签选择器<类选择器<id选择器&l...原创 2022-04-12 14:40:04 · 334 阅读 · 0 评论 -
从CSS进阶开始入门前端Day05
目录1、选择器进阶1.1复合选择器 1.1.1后代选择器:空格 1.1.2子代选择器:>1.2并集选择器:,1.3交集选择器1.4hover伪类选择器1.5Emmet语法2、背景相关属性2.1背景颜色2.2背景图片2.3背景平铺2.4背景位置2.5背景相关属性连写3、元素显示模式3.1块级元素3.2行内元素3.3行内块元素3.4元素显示模式转换3.5元素显示模式4、CSS特性...原创 2022-04-09 01:14:24 · 657 阅读 · 0 评论 -
从CSS基础开始入门前端Day04
1、基础进阶目标:理解CSS的作用,了解CSS语法规则,知道CSS的引入方式及其区别1.1CSS介绍CSS:层叠样式表 CSS作用是什么? (假如html+css+JavaScript组成的是小鸟的话,结构:HTML(决定了身体)、表现:CSS(决定了样式美观)、行为:JavaScript(决定了交互的动态效果))给页面中的HTML标签设置样式1.2CSS语法规则写在哪里?...原创 2022-04-08 19:16:38 · 95 阅读 · 0 评论