盒模型 一.盒模型是指网页的布局基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。 二.盒模型的组成 盒模型的组成:内容区(contetn)、补白/填充(padding)、边框(border)、边界/外边距(margin)。 三.盒模型的样式 ...
分类:
其他好文 时间:
2020-02-22 13:42:12
阅读次数:
67
1.CSS盒模型 盒模型,顾名思义就是一个盒子。生活中的盒子,有长宽高,盒子本身也有厚度,可以用来装东西。页面上的盒模型我们可以理解为,从盒子顶部俯视所得的一个平面图,盒子里装的东西,相当于盒模型的内容(content);东西与盒子之间的空隙,理解为盒模型的内边距(padding);盒子本身的厚度, ...
分类:
Web程序 时间:
2020-02-22 09:30:54
阅读次数:
54
1.字体与颜色
2.背景shuxing
3.文本属性
4.边框属性
5.鼠标光标属性
6.列表样式
4.定位属性
8.内外边距
3.浮动和清除浮动
10.滚动条
11.显示和隐藏 ...
分类:
其他好文 时间:
2020-02-20 23:44:17
阅读次数:
78
CSS盒子模型 所有的文档元素都会生成一个矩形框,描述着它所占有位置的空间; 首先我们介绍几个重要的概念:宽度/高度/外边距/内边距/边框 ...
分类:
Web程序 时间:
2020-02-20 23:34:25
阅读次数:
79
css常用的一些属性: 1.去掉下划线 :text-decoration:none ;2.加上下划线: text-decoration: underline; 3.调整文本和图片的位置(也就是设置元素的垂直对齐方式):vertical-align:-20px; 没设置之前: 设置之后: 3.外边距: ...
分类:
Web程序 时间:
2020-02-20 15:06:30
阅读次数:
76
first: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 body { 8 margin: 0; /*设置外边距为0*/ 9 text-ali ...
分类:
Web程序 时间:
2020-02-19 13:02:48
阅读次数:
92
css model 设计和布局时使用 包括: 外边距 ,边框,内填充和实际内容 常用属性 1 宽高 2 内边距 padding 盒子边框到内容的距离 3 外边距 margin <meta charset="utf-8"> <title>margin</title> <style type="text ...
分类:
其他好文 时间:
2020-02-19 13:01:30
阅读次数:
69
边框border属性值 solid实线 dashed虚线 dotted点线 double双实线 /* 内边距 */padding:20px 30px 30px 30px;若有四个值代表 上/右/下/左 padding: 10px 20px 30ox;三个值代表 上、左右、下 padding: 10p ...
分类:
其他好文 时间:
2020-02-13 21:24:05
阅读次数:
90
(1)有两种: IE 盒子模型、W3C 盒子模型; (2)盒模型: 内容(content)、填充(padding)、 边框(border)、边界(margin); (3)区 别: IE的content部分把 padding 和 border 计算了进去; margin(外边距) - 清除边框外的区域 ...
分类:
Web程序 时间:
2020-02-13 18:51:26
阅读次数:
90
块级标签:div h1-h6 ol li ul li dl dt dd p 特征: 1、块级元素独占一行 2、高度由里面的元素撑开 3、宽度默认100%(继承父元素宽度) 4、可以设置内外边距 5、可以包裹其他元素 6、针对p标签不可包裹块级元素只能存放文本 行内标签:span a img b i ...
分类:
其他好文 时间:
2020-02-12 22:16:13
阅读次数:
79