【CSS】尺寸和边框、盒子模型、外边距_02
目录
一.CSS3概述
二.CSS的语法规范
三.基础选择器
四.尺寸和边框
1.尺寸属性
2.页面中允许设置尺寸的元素
3.溢出
4.边框
(1) 边框的简写形式
(2) 单边的设置
(3) 单属性的设置
(4) 单边单属性设置12个
5.边框的倒角(圆角)
6.边框的阴影
7.轮廓
五.框模型------盒子模型
1.框模型
2.margin
(1) 语法
(2) 注意事项
(3) 简写方式
3.外边距引发的特殊情况
(1) 外边距的合并
(2) 块级元素,行内元素,行内块的区别
(3) 自带外边距的元素
(4) 外边距的溢出
⏬ 番外:CSS伪元素可以用来干啥?
盒子模型--外边距: <!DOCTYPE html> <html><head><meta charset="UTF-8"><t ... 1.margin 1.1 margin的语法 盒子与盒子之间的距离 <!DOCTYPE html> <html lang="en"> <head> ... 盒子模型--内边距: <!DOCTYPE html> <html><head><meta charset="UTF-8"><t ... 文章目录 一.外边距 属性 二.margin的简写方式 三.外边距可以让块级盒子水平居中 四.行内元素和行内块元素水平居中 五.外边距合并 相邻块元素垂直外边距的合并 六.嵌套块元素垂直外边距的塌陷 ... 1.css样式之边框:border 实心的边框: <!DOCTYPE html> <html> <head> <meta http-equiv="c ... css - 边距 元素内边距 内边距是指元素包含的内容离元素边框之间的间距,内边距不能设负值.内边距(padding).(边框)border都会撑大盒子,在浏览器中显示的元素的尺寸可能包含了盒子的pa ... CSS 三大特性(层叠性.继承性.优先级 ) CSS 三大特性之层叠性 在开发中出现样式层叠时候:对一个元素多次设置同一个样式,会使用最后一次设置的属性值 . 样式层叠的原则:样式冲突,就近原则,后定 ... 文章目录 标签显示模式 块元素 行内元素 行内块元素 标签显示模式的转换: 盒子模型 外边距(margin) 边框 补充知识: 内边距(padding) 标签显示模式 HTML标签一般分为块标签和行内 ... 盒子模型:盒子默认的宽度为容器的宽度,也可以自省设定宽度,高度根据内容适应,也可以自行设定高度.min-height设定最小高度 一个盒子包括外边距.边框.内边距和实际内容 Margin(外边距):清 ... 说明 源代码 学习 盒子模型(css重点) css学习三大重点: css盒子模型. 浮动. 定位 目标: 能说出盒子模型由哪四部分组成: 内容.边框.内外边距 能说出内边距的作用,设置不同数值分别代表 ...【CSS】尺寸和边框、盒子模型、外边距_02相关推荐
最新文章
热门文章