昨日内容回顾 HTML文档结构 head标签 body标签 今日内容 特殊符号 标签分类 img标签和a标签 a标签(超链接标签) 锚点示例: 列表标签 type对应的值: table标签(重点) input标签 | type属性值 | 表现形式 | 对应代码 | | | | | | text | ...
分类:
Web程序 时间:
2019-09-09 19:53:44
阅读次数:
107
样式操作 字体属性 边框 画圆 盒子模型 浮动 通过浮动实现左右布局 溢出 圆头像实例 定位 模态框 透明度比较 去除ul标签丑陋部分 display属性 1.如何调节样式 两个快递盒之间的距离(标签与标签之间的距离) 称之为 外边距(margin) 纸盒的厚度(边框) 称之为边框(border) ...
分类:
Web程序 时间:
2019-09-05 23:25:48
阅读次数:
137
方法1:左边设置绝对定位,右边设置左外边距,大小和左边的宽度相等 最终结果: ...
分类:
Web程序 时间:
2019-09-01 18:34:03
阅读次数:
83
CSS 高度坍塌和外边距溢出 高度坍塌 1. 成因 父元素 div 未设置高度 子元素全部设置浮动( float: left | right; ),浮动元素 脱离文档流 且 不占页面空间 由于父元素为设置高度,高度靠内部子元素撑开,而今子元素全部脱离文档流,所以此时父元素的高度为 0 ,给父元素和子 ...
分类:
Web程序 时间:
2019-08-31 19:31:43
阅读次数:
390
margin 外边距,表示边框到最近盒子的距离。 对于左右两边 对于上下盒子 作者:流浪者 日期:2019-08-31 ...
分类:
其他好文 时间:
2019-08-31 14:55:11
阅读次数:
65
HTML基础 HTML(Hyper Text Markup Language)超文本标记语言 #HTML是一种用来描述网页的语言,HTML之于网页就好比建筑图纸之于建筑 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ...
分类:
编程语言 时间:
2019-08-31 13:08:41
阅读次数:
470
盒子模型 在页面中,我们将所有的元素全部看做是一个盒子,页面布局就是将大大小小不同的盒子堆砌在一起,而一个盒子由以下几部分组成: padding:内边距,内容到边框的距离; margin:外边距,其他盒子到当前盒子的边框的距离; border: 边框; 所以一个元素在页面中实际所占的空间是: 内容+ ...
分类:
Web程序 时间:
2019-08-31 10:39:15
阅读次数:
94
div::before ,在 div 内容的前面加一个伪元素 常用于处理 相邻父子元素外边距重叠问题 div::after,在div内容的后面添加一个伪元素 常用于处理 标签浮动,高度塌陷问题 :before的兼容性要比::before好 ,不过在H5开发中建议使用::before比较好 :befo ...
分类:
其他好文 时间:
2019-08-30 13:17:09
阅读次数:
61
在我们写多个网页的时候,会发现总会遇到很多相同的css样式,若是每次都要在网页代码中写,会浪费时间,同时也会消耗浏览器和计算机的性能。因此,我个人将我敲代码过程中的经常用到的css样式总结了一下。再用的时候通过link标签引用就可以了。 常用的公用css 一、PC端 1.页面margin(外边距)、 ...
分类:
Web程序 时间:
2019-08-24 18:31:21
阅读次数:
96
网格系统的实现原理,是通过定义容器大小,平分12份。 调整内外边距,通过媒体查询,就制作出强大的响应式网格系统 那媒体查询时什么呢:媒体查询主要是对各种移动端设备的一个响应式兼容, <meta name = "viewport" content="width = device-width,initi ...
分类:
其他好文 时间:
2019-08-22 18:57:02
阅读次数:
72