- 博客(7)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 CSS浮动
文章目录（一）浮动1.1 传统网页布局的三种方式1.2 标准流（普通流/文档流）1.3 什么是浮动？1.4 浮动特性（重难点）1.5 浮动元素经常和标准流父级搭配使用（二） 常见网页布局（三）清除浮动3.1为什么需要清除浮动？3.2 清除浮动本质3.3 清除浮动3.3.1清除浮动——额外标签法3.3.2清除浮动——父级添加overflow3.3.3清除浮动——:after 伪元素法3.3.4清除浮动——双伪元素清除浮动（四）PS 切图4.1图层切图4.2切片切图（一）浮动1.1 传统网页布局的三种方式
2021-09-20 16:23:21
93
原创 css定位
文章目录（一）定位1.1为什么需要定位1.2定位组成1.3静态定位static（了解）1.4相对定位relative（重要）1.5绝对定位absolute（重要）1.6 子绝父相的由来1.7 固定定位fixed（重要）1.8 粘性定位sticky（了解）1.10 定位叠放次序z-index1.11 定位的拓展1. 11.1绝对定位的盒子居中1.11.2 定位特殊特性1.11.3. 脱标的盒子不会触发外边距塌陷1.11 4. 绝对定位（固定定位）会完全压住盒（二）网页布局总结（三）元素的显示与隐藏3.1 di
2021-09-17 19:48:57
107
原创 CSS盒子模型
文章目录（一）盒子模型边框内边距（一）盒子模型边框border可以设置元素的边框。边框有三部分组成:边框宽度(粗细) 边框样式 边框颜色语法：border : border-width ||border-style ||border-color边框样式border-style 可以设置如下值：none：没有边框即忽略所有边框的宽度（默认值）solid：边框为单实线(最为常用的)dashed：边框为虚线dotted：边框为点线表格的细线边框border-collapse 属性控
2021-07-28 13:46:28
140
原创 CSS（2）
文章目录(一）CSS 的复合选择器(二）CSS 的元素显示模式(一）CSS 的复合选择器选择器作用特征使用情况隔开符号及用法后代选择器用来选择后代元素可以是子孙后代较多符号是空格.nav a子代选择器选择最近一级元素只选亲儿子较少符号是大于.nav>p并集选择器选择某些相同样式的元素可以用于集体声明较多符号是逗号.nav,.header链接伪类选择器选择不同状态的链接跟链接相关较多重点记住a{}和a:hover实际开发的写
2021-07-21 17:26:57
106
原创 CSS笔记1
文章目录(一）CSS简介语法规范CSS 代码风格(二）CSS基础选择器(三）CSS字体属性(四）CSS 文本属性(五）CSS 引入方式内部样式表行内样式表外部样式表(六）Chrome 调试工具(一）CSS简介语法规范<style> h4 { color: blue; font-size: 100px; }</style>CSS 代码风格①属性值前面，冒号后面，保留一个空格②选择器（标签）和大括号中间保留空格(二）CSS基础选择器基础选
2021-07-17 09:06:05
122
原创 HTML标签下
文章目录(一)表格标签表格的基本语法表头单元格标签表格属性表格结构标签合并单元格(二)列表标签无序列表有序列表自定义列表(三)表单标签表单域(一)表格标签表格主要用于显示、展示数据表格的基本语法<table> <tr> <td>单元格内的文字</td> ... </tr> ...</table>1.<table> </table> 是用于定义表格的标签。2.<tr>
2021-07-16 10:01:23
140
原创 HTML笔记（上）
文章目录（一）HTML语法规范（二）HTML基本结构标签（一）HTML语法规范1.HTML 标签是由尖括号包围的关键词，例如<html>2.HTML 标签通常是成对出现的，例如<html> 和</html> ，我们称为双标签。3.有些特殊的标签必须是单个标签（极少情况）例如<br/>，我们称为单标签（二）HTML基本结构标签<html> <head> <title>我的第一个页面</t
2021-07-09 16:05:00
85
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人