字体 font-family:字体类型;可以写多个,浏览器识别的第一个; “Microsoft Yahei(微软雅黑),SimSun(宋体),SimHei(黑体)” 字体大小 font-weight:字体粗细;bold加粗;bolder更粗;lighter更细;400等同于normal;700相当于 ...
分类:
其他好文 时间:
2019-12-05 13:19:04
阅读次数:
149
摘自: https://www.cnblogs.com/yanqiu/p/8987126.html HTML标签 html标签定义: 是由一对尖括号包裹的单词构成,例如: <html>. 标签不区分大小写<html> 和 <HTML>, 推荐使用小写. 标签分为两部分: 开始标签<html> 和 结 ...
分类:
Web程序 时间:
2019-12-04 11:50:01
阅读次数:
110
让所有弹性盒模型对象的 子元素都有相同的长度,且忽略它们内部的内容: #main div { flex:1; } 子元素长度相同 定义和用法 flex 子元素如何分配空间。 flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。 注意:如果元素不是弹 ...
分类:
其他好文 时间:
2019-12-03 15:32:25
阅读次数:
116
传统使用width属性配合float总是最右边出现间隙,需要实现任意个DIV的完美等分,包括横向和纵向
分类:
Web程序 时间:
2019-12-03 10:29:19
阅读次数:
138
<!DOCTYPE html><html lang="en"><head> <link rel="stylesheet" href="css盒模型.css"> <meta charset="UTF-8"> <title>Title</title></head><body><div></div><di ...
分类:
Web程序 时间:
2019-11-30 09:30:31
阅读次数:
87
1、盒子模型(box model) 在HTML中,可以把元素看做盒子,盒子包括:实际内容(content)、内边距(padding)、边框(border)、外边距(margin) 2、标准盒模型与怪异盒模型 对比两种模型的区别 1.标准盒模型 标准盒模型(W3C盒子模型),设置的width或heig ...
分类:
其他好文 时间:
2019-11-25 23:35:00
阅读次数:
96
1. CSS盒模型 CSS盒模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。CSS 假定所有的HTML 文档元素都生成了一个描述该元素在HTML文档布局中所占空间的矩形元素框,可以形象地将其看作是一个盒子。CSS 围绕这些盒子产生了一种“盒子模型”概念,通过定义一系列与盒子相关的属性, ...
分类:
Web程序 时间:
2019-11-25 20:21:46
阅读次数:
186
标准盒模型(W3C盒模型) 为了做对比,我打算让两个盒子的css样式一样; .w3c{ width: 100px; height: 100px; padding: 5px; margin: 5px; border: 5px solid black; background: lightcoral; } ...
分类:
其他好文 时间:
2019-11-23 18:36:51
阅读次数:
133
除了为文字添加阴影,我们还可以为盒模型添加阴影。盒模型阴影的属性名称为box-shadow,此属性与text-shadow一样有4个值,前两个值分别表示水平方向位移距离和垂直方向的位移距离,第三个值表示阴影的模糊半径(包含0及以下的值均表示无模糊),最后一个则是阴影的颜色。前Chrome 16+,F ...
分类:
Web程序 时间:
2019-11-18 09:37:52
阅读次数:
65
1. 盒模型 在CSS中,"box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种:标准模型和IE模型。我们在这里重点讲标准模型。 1.1 盒模型示意图 1.2 盒模型的属性 width:内容的宽度 height: ...
分类:
Web程序 时间:
2019-11-17 20:38:09
阅读次数:
90