2024年12月4日
H5-26 文档流
摘要： 1、文档流是文档中可显示对象在排列时所占用的位置/空间 例如：块元素自上而下摆放，内联元素，从左到右摆放 标准六里面的限制非常多，导致很多页面效果无法实现 ①高矮不齐，底边对齐 ②空白折叠现象 （1）无论多少个空格、换行、tab，都会折叠为一个空格 （2）如果我们想让img标签之间没有空隙，必须紧密 阅读全文
posted @ 2024-12-04 17:50 张筱菓 阅读(21) 评论(0) 推荐(0)
H5-25 弹性盒子模型（flex box）
摘要： 1、定义：弹性盒子是CSS3的一种新的布局模式 CSS3弹性盒子是一种当前页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式 引入弹性盒子布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间 2、CSS3弹性盒子内容 弹性盒子由弹性容器（Fl 阅读全文
posted @ 2024-12-04 11:08 张筱菓 阅读(134) 评论(0) 推荐(0)
2024年12月3日
H5-24 CSS盒子模型（Box Model）
摘要： 1、概念：所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用CSS盒模型本质上是一个盒子，封装周围的元素HTML元素，它包括：外边距（margin），边框（border），内边距（padding），和实际内容（content） Margin（外边距）：清楚 阅读全文
posted @ 2024-12-03 20:19 张筱菓 阅读(38) 评论(0) 推荐(0)
H5-23 关系选择器
摘要： 关系选择器分为：后代选择器、子代选择器、相邻兄弟选择器、通用兄弟选择器 1、后低选择器 定义：选择所有被E元素包含的F元素，中间用空格隔开 语法： E F {} <ul> <li>1</li> <li>2</li> <li>3</li> </ul> <ol> <li>4</li> <li>5</li 阅读全文
posted @ 2024-12-03 19:46 张筱菓 阅读(57) 评论(0) 推荐(0)
H5-22 表格属性
摘要： 使用CSS可以使HTML表格美观 1、表格边框 指CSS表格边框，使用border属性 table,td{ border: 1px solid red; } 2、折叠边框 border-collapse属性设置表格的边框是否被折叠成一个单一的边框或隔开 table,td{ border: 1px s 阅读全文
posted @ 2024-12-03 19:14 张筱菓 阅读(32) 评论(0) 推荐(0)
H5-21 文本属性
摘要： 1、text-align 指定元素文本的水平对齐方式 值 描述 left 文本居左排列，默认值 right 把文本排列到右边 center 把文本排列到中间 h3{text-align: center;} h3{text-align: left;} h3{text-align: right;} 2、 阅读全文
posted @ 2024-12-03 13:28 张筱菓 阅读(45) 评论(0) 推荐(0)
H5-20 背景属性
摘要： CSS背景属性主要有以下几个 属性 描述 background-color 设置背景颜色 background-image 设置背景图片 background-position 设置背景图片显示位置 background-repeat 设置背景图片如何填充 background-size 设置背景图 阅读全文
posted @ 2024-12-03 12:23 张筱菓 阅读(54) 评论(0) 推荐(0)
H5-19 字体属性
摘要： CSS字体属性定义字体，颜色、大小、加粗、文字样式 1、color 规定文本的颜色 div{color：red;} div{color：#fff000} 最常用 div{color：rgb(255,0,0)} div{color：rgba(255,0,0,0-1中间任意数值)} 2、font-siz 阅读全文
posted @ 2024-12-03 11:06 张筱菓 阅读(56) 评论(0) 推荐(0)
H5-18 选择器2
摘要： 1、ID择器 选针对某一个特定的标签来使用，只能使用一次。css中的ID选择器以#来定义 <P id="c">111</P> #c{ color:red; font-size: 30px; } 特别强调 ID是唯一的 ID不能以数字开头 2、合并选择器 语法：选择器1，选择器2，...{} 作用：提 阅读全文
posted @ 2024-12-03 10:06 张筱菓 阅读(11) 评论(0) 推荐(0)
2024年12月2日
H5-17 选择器
摘要： CSS语法 规则由两个主要的部分构成：选择器，以及一条或多条声明（样式） 1、全局选择器 可以与任何元素匹配，优先级最低，一般做样式初始化 *{ margin：0; padding：0; } 2、元素选择器 HTML 文档中的元素，p、b、div、a、img、body等 标签选择器，选择的是页面上所 阅读全文
posted @ 2024-12-02 21:30 张筱菓 阅读(37) 评论(0) 推荐(0)