【CSS】盒子模型、内边距、背景设置_03
目录
一.CSS3概述
二.CSS的语法规范
三.基础选择器
四.尺寸和边框
五.盒子模型
4.内边距padding
5.margin和padding的使用场合
六.背景
1.背景颜色
2.背景图片
3.背景图片的平铺
4.背景图片的定位
5.背景图片的尺寸
盒子模型--内边距: <!DOCTYPE html> <html><head><meta charset="UTF-8"><t ... 文章目录 一.内边距复合写法 1.语法 2.代码示例 - 设置 1 个值 3.代码示例 - 设置 2 个值 4.代码示例 - 设置 3 个值 5.代码示例 - 设置 4 个值 一.内边距复合写法 1. ... 文章目录 一.内边距 1.概念 2.内边距设置语法 3.内边距设置效果 二.内边距代码示例 1.不设置边距的示例 2.设置边距的示例 一.内边距 1.概念 内边距 是 盒子 的 边框 与 内容 之间的 ... 先来练习一个题目:做一个新浪体育文本页面.,可能你现在并不能很好的做出这个效果,但是学习了本节后,你将很快的做出这个页面,具体代码和效果如下: <!DOCTYPE html PUBLIC &qu ... 文章目录 一.外边距 属性 二.margin的简写方式 三.外边距可以让块级盒子水平居中 四.行内元素和行内块元素水平居中 五.外边距合并 相邻块元素垂直外边距的合并 六.嵌套块元素垂直外边距的塌陷 ... 1.margin 1.1 margin的语法 盒子与盒子之间的距离 <!DOCTYPE html> <html lang="en"> <head> ... 1.文档流 网页是一个多层结构,一层叠加一层:通过CSS可以分别为每一层来设置样式:作为用户来讲只能看到最顶上一层:这些层中,最底下的一层称为文档流,文档流是网页的基础. 我们所创建的元素默认都是在文 ... 原文地址:http://www.chinaz.com/design/2010/1229/151993.shtml 前言:前阵子在做一个项目时,在页面布局方面遇到了一点小问题,于是上stackoverf ... 1.盒子模型 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器.每个矩形都由元素的内容.内边距(padding).边框(border)和外边距(margin)组成. ... 一.内边距 1.定义:内边距:盒子中内容与边框之间的距离 2.用法: (1) 上内边距 padding-top: 20px; (2) 左内边距 padding-left: 15px; (3) 下内边 ...【CSS】盒子模型、内边距、背景设置_03相关推荐
最新文章
热门文章