![](https://img-blog.csdnimg.cn/d5545ad0b71241d1bb24a034c1cb12d3.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
文章平均质量分 91
css学习笔记
渊鸳
悲伤和希望,都是一缕光。
展开
-
CSS笔记(四)
目录1 CSS浮动1.1 传统网页布局的三种方式1.2 标准流(普通流)1.3 浮动⭐1.3.1浮动的典型应用1.4 浮动的特性⭐⭐⭐(重难点)1.4.1 浮动特性——脱标1.4.2 浮动特性——行显示1.4.3浮动特性——浮动元素具有行内块特性1.5 浮动元素经常搭配标准流的父元素⭐1.5.1 浮动元素经常搭配标准流的父元素1.5.2 浮动布局练习——小米布局案例11.5.3 浮动布局练习——小米布局案例21.5.4 浮动练习——小米案例3手机模块2 常见网页布局3 清除浮动4 PS切图5 学成在线案例原创 2022-04-23 13:30:52 · 223 阅读 · 0 评论 -
CSS笔记(三)
目录1. 盒子模型1.2 盒子模型(Box Model)组成1.1 边框(border)1.1.1、border-style1.1.2边框简写border1.1.3 表格的细线边框 border-collapse1. 盒子模型页面布局要学习三大核心:盒子模型、浮动、定位网页布局过程:先准备好相关的网页元素,网页元素基本都是盒子Box。利用CSS设置好盒子样式,然后摆放到相应位置。往盒子里面装内容。网页布局的核心本质:就是利用CSS摆盒子。1.2 盒子模型(Box Model)组成所谓原创 2022-04-18 22:39:54 · 828 阅读 · 0 评论 -
CSS笔记(二)
目录1. emmet语法1.1 快速生成HTML结构语法1.2 快速生成CSS样式语法1.3 快速格式化代码2. CSS复合选择器2.1后代选择器⭐2.2子选择器⭐2.3并集选择器⭐2.4伪类选择器3. CSS的元素显示模式4. CSS的背景5. CSS的三大特性6. CSS的注释1. emmet语法Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度,Vscode内部已经集成该语法快速生成HTML结构语法快速生成CSS样式语法1.1 快速生成HTML结构原创 2022-04-15 20:55:41 · 241 阅读 · 0 评论 -
CSS类选择器常用命名
css类选择器命名原创 2022-04-04 22:15:18 · 590 阅读 · 0 评论 -
CSS笔记(一)
目录CSS简介CSS语法规范CSS代码风格CSS基础选择器标签选择器类选择器 ⭐类选择器-多类名id选择器通配符选择器CSS字体属性CSS文本属性CSS的引入方式Chrome调试工具CSS简介CSS层叠式样式表—————网页“美容师”CSS也是一种标记语言。 使用CSS基础选择器 设置字体样式 设置文本样式 CSS的三种引入方式 使用Chrome调试工具调试样式CSS语法规范CSS规则由两个主要部分组成:选择器以及一条或多条声明。选择器是用于指定CSS样式的HTML标签,花原创 2022-04-13 15:56:02 · 113 阅读 · 0 评论