复习巩固CSS
文章平均质量分 88
晋龍
越努力越幸运,努力不停,幸运不停。
展开
-
从CSS定位装饰开始入门前端Day08
目标:能够说出定位的常见应用场景,并且能够说出不同定位方式的特点 1、定位的基本介绍 1.1网页中常见布局方式 标准流 (1)块级元素独占一行→垂直布局 (2)行内元素/行内块元素一行显示多个→水平布局 浮动 (1)可以让原本垂直布局的块级元素变成水平布局 定位 (1)可以让元素自由的摆放在网页的任意位置 (2)一般用于盒子之间的层叠情况 1...原创 2022-04-13 02:44:51 · 104 阅读 · 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:hidden 1.结构伪类选择器 目标:能够使用结构伪类选择器在...原创 2022-04-13 00:25:03 · 96 阅读 · 0 评论 -
从CSS盒子模型开始入门前端Day06
1、CSS三大特性 能认识不同选择器的优先级公式,能够进行CSS权重叠加计算,分析并解决CSS冲突问题 1.1继承性 1.2层叠性 注: 继承性,层叠性在前一天总结 1.3优先性 特性:不同选择器具有不同的优先级,优先级高的选择器样式会覆盖优先级低优先级选择器样式 优先级公式: 继承<通配符选择器<标签选择器<类选择器<id选择器&l...原创 2022-04-12 14:40:04 · 250 阅读 · 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 · 564 阅读 · 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 · 82 阅读 · 0 评论