随笔分类 -  Web前端开发 / CSS

存放CSS相关的知识点笔记
【11.0】前端基础之阶段性复习
发表于 2023-07-05 10:27阅读：16评论：0推荐：0
摘要：# 【11.0】前端基础之阶段性复习 # 【一】HTML ## 【1】什么是HTML - 超文本标记语言，就是一堆标签，每个标签具有特定的意义，是浏览器展示页面所公用的一套标准 - HTML是一种用于构建网页的标记语言，全称为"Hypertext Markup Language"（超文本标记语言）。 阅读全文 »
posted @ 2023-07-05 10:27 Chimengmeng 阅读(16) 评论(0) 推荐(0) 编辑
【7.0】前端基础之CSS案例
发表于 2023-07-04 17:45阅读：22评论：0推荐：0
摘要：# 【7.0】前端基础之CSS案例 > 在设计页面的时候先用div划分页面，再去填充数据，再去填充样式 ![](https://img2023.cnblogs.com/blog/2322215/202307/2322215-20230704174524763-1410167759.png) ## h 阅读全文 »
posted @ 2023-07-04 17:45 Chimengmeng 阅读(22) 评论(0) 推荐(0) 编辑
【6.0】前端基础之CSS终章
发表于 2023-07-04 17:45阅读：21评论：0推荐：0
摘要：# 【6.0】前端基础之CSS终章 # 【一】浮动带来的影响及解决办法 ## 【1】父标签塌陷 - 造成父标签塌陷的问题 ```html Title ``` - 内部元素因为浮动导致了外边框无法框柱内部元素 ## 【2】解决办法一 ```html Title ``` - 内部再创建一个子标签，给一个 阅读全文 »
posted @ 2023-07-04 17:45 Chimengmeng 阅读(21) 评论(0) 推荐(0) 编辑
【5.0】前端基础之CSS进阶
发表于 2023-07-04 17:44阅读：49评论：0推荐：0
摘要：# 【5.0】前端基础之CSS进阶 # 【一】分组与嵌套 ### 【1】分组 ```html Title 这是div标签 这是p标签 这是span标签 ``` > 上述方法，重复代码造成了代码的冗余 ```html Title 这是div标签 这是p标签 这是span标签 ``` ### 【2】嵌套 阅读全文 »
posted @ 2023-07-04 17:44 Chimengmeng 阅读(49) 评论(0) 推荐(0) 编辑
【4.0】前端基础之CSS
发表于 2023-07-04 08:19阅读：34评论：0推荐：0
摘要：# 【4.0】前端基础之CSS # 【一】什么是CSS - 层级样式表： - 就是给HTML标签添加样式的，让它变得好看 # 【二】注释语法 ```css /* 这是注释 */ ``` # 【三】CSS的语法结构 ```css 选择器 { 属性1:值1; 属性2:值2; 属性3:值3; 属性4:值4 阅读全文 »
posted @ 2023-07-04 08:19 Chimengmeng 阅读(34) 评论(0) 推荐(0) 编辑
【七】CSS之弹性布局
发表于 2023-07-04 08:17阅读：32评论：0推荐：0
摘要：# 【七】CSS之弹性布局 ## 【1】什么是弹性布局 - 随着技术的发展，那么在当前市场上，安装浏览器的客户端越来越多，设备也越来越多，所以CSS提供的布局，不仅应用于PC端，还可以应用于移动端设备 - 例如：watch、ipad，mobile等，甚至包括机器人界面、智能屏、智能电视机、3D广告屏 阅读全文 »
posted @ 2023-07-04 08:17 Chimengmeng 阅读(32) 评论(0) 推荐(0) 编辑
【六】CSS之网页布局
发表于 2023-07-04 08:15阅读：20评论：0推荐：0
摘要：# 【六】CSS之网页布局 ## 【1】什么是网页布局 - 所谓的布局就是依靠css布局让html元素，可以按照UI设计师提供的设计稿进行HTML网页的内容排版并实现页面的布局效果。 - 布局的学习关键就是： - 布局方式， - 盒模型， - css样式。 - css中提供了4种布局方式： - 分别 阅读全文 »
posted @ 2023-07-04 08:15 Chimengmeng 阅读(20) 评论(0) 推荐(0) 编辑
【五】CSS之元素种类
发表于 2023-07-04 08:14阅读：42评论：0推荐：0
摘要：# 【五】CSS中的元素种类 ## 1 、行内元素[inline]： - 特点： - 同一个行内元素，可以一行多个，直到当前一行满行就会换行到第二行显示 - 行内元素默认是没有宽度与高度的，是依靠内容来支撑的。 - 行内元素是没有完整的边距的，只存在左右边距，没有上下边距。[边距就是元素与元素或元素 阅读全文 »
posted @ 2023-07-04 08:14 Chimengmeng 阅读(42) 评论(0) 推荐(0) 编辑
【四】CSS之样式属性
发表于 2023-07-04 08:13阅读：28评论：0推荐：0
摘要：# 【四】CSS之样式属性 ## 1.1 颜色 ### 1.1.1 颜色的表示 - css中针对颜色表达支持三种写法：单词表示法、十六进制表示法和RGB函数表示法。 ### 1.1.2 **单词表示法** - 通过英文单词来表达颜色。但是因为计算机中支持的颜色普遍在1677万种颜色左右。 ```cs 阅读全文 »
posted @ 2023-07-04 08:13 Chimengmeng 阅读(28) 评论(0) 推荐(0) 编辑
【三】CSS之样式的优先级
发表于 2023-07-04 08:13阅读：74评论：0推荐：0
摘要：# 【三】CSS之样式的优先级 ## 1 css样式的优先级 - css在使用过程中，因为很多的选择符有具有批量查找的特点，所以很容易出现样式污染的问题。 - 样式污染出现的原因是因为css代码编写过程中，因为引入方式、书写先后顺序以及选择符的优先级等问题导致的。 - 注意：样式污染并非不好，而是要 阅读全文 »
posted @ 2023-07-04 08:13 Chimengmeng 阅读(74) 评论(0) 推荐(0) 编辑
【二】CSS基本语法之选择符
发表于 2023-07-04 08:12阅读：39评论：0推荐：0
摘要：# 【二】CSS基本语法之选择符 - 作为一门标记语言，css的语法也是比较简单的，主要由三部分构成：选择符，样式属性和属性值。 - css中的语法虽然简单，但是太多内容了，所以要学会css，就需要多背多写，掌握使用规律，懂得借助浏览器与css手册。 > 注意，在前端领域中，有些人会觉得css负责外 阅读全文 »
posted @ 2023-07-04 08:12 Chimengmeng 阅读(39) 评论(0) 推荐(0) 编辑
【一】CSS之引入
发表于 2023-07-04 08:12阅读：16评论：0推荐：0
摘要：# 【一】CSS之引入 - 层叠样式表（`Cascading Style Sheets`），与HTML一样，也是一种标记语言 - 其作用就是给HTML页面标签添加各种样式，**定义网页的显示效果**，将网页**内容和显示样式进行分离**，提高了显示功能。 - 简单一句话就是，CSS的代码可以告诉浏览 阅读全文 »
posted @ 2023-07-04 08:12 Chimengmeng 阅读(16) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示