摘要:
# day08-CSS高级 > 目标:掌握定位的作用及特点;掌握 CSS 高级技巧 ## 01-定位 作用:灵活的改变盒子在网页中的位置 实现: 1.定位模式:position 2.边偏移:设置盒子的位置 * left * right * top * bottom ### 相对定位 **positi 阅读全文
摘要:
# day07-学成在线 ## 01-项目目录 网站根目录是指存放网站的**第一层**文件夹,内部包含当前网站的**所有素材**,包含 HTML、CSS、图片、JavaScript等等。 ![](https://img2023.cnblogs.com/blog/3177419/202306/3177 阅读全文
摘要:
day06-Flex布局 目标:熟练使用 Flex 完成结构化布局 01-标准流 标准流也叫文档流,指的是标签在页面中默认的排布规则,例如:块元素独占一行,行内元素可以一行显示多个。 02-浮动 基本使用 作用:让块元素水平排列。 属性名:float 属性值 left:左对齐 right:右对齐 < 阅读全文
摘要:
day05-盒子模型 目标:掌握盒子模型组成部分,使用盒子模型布局网页区域 01-选择器 结构伪类选择器 基本使用 作用:根据元素的结构关系查找元素。 li:first-child { background-color: green; } :nth-child(公式) 提示:公式中的n取值从 0 开 阅读全文
摘要:
day04-CSS进阶 目标:掌握复合选择器作用和写法;使用background属性添加背景效果 01-复合选择器 定义:由两个或多个基础选择器,通过不同的方式组合而成。 作用:更准确、更高效的选择目标元素(标签)。 后代选择器 后代选择器:选中某元素的后代元素。 选择器写法:父选择器 子选择器 { 阅读全文
摘要:
day03-CSS基础 目标:掌握 CSS 属性基本写法,能够使用文字相关属性美化文章页。 01-CSS初体验 层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种 样式表 语言,用来描述 HTML 文档的呈现(美化内容)。 书写位置:title 标签下方添加 sty 阅读全文
摘要:
day02:列表、表格、表单 目标:掌握嵌套关系标签的写法,使用列表标签布局网页 01-列表 作用:布局内容排列整齐的区域。 列表分类:无序列表、有序列表、定义列表。 无序列表 作用:布局排列整齐的不需要规定顺序的区域。 标签:ul 嵌套 li,ul 是无序列表,li 是列表条目。 <ul> <li 阅读全文
摘要:
坚持坚持哦 阅读全文