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的基石,指定标签如何显示以及元素间相互关系; 页面上的每个元素都被当成一个矩形盒子,占据一定的页面空间,这个盒子由内容(content)、内边距(补白,填充,padding)、边框(border)和外边界(margin)组成; 1) padding内 ...
分类:
Web程序 时间:
2019-08-28 01:07:53
阅读次数:
105
1 mate标签用来干什么?具体怎么写? 2 说一下http协议无状态相关? 3 强缓存和协商缓存?具体是哪个字段定义的? 4 http状态码 5 项目相关 6 边距重叠问题?怎么发生的?如何解决? 7 用过webpack吗,具体怎么配置? 8 说一下闭包?实际可以用在哪里?举个例子? 9 单例模式 ...
分类:
其他好文 时间:
2019-08-25 17:45:42
阅读次数:
97
在我们写多个网页的时候,会发现总会遇到很多相同的css样式,若是每次都要在网页代码中写,会浪费时间,同时也会消耗浏览器和计算机的性能。因此,我个人将我敲代码过程中的经常用到的css样式总结了一下。再用的时候通过link标签引用就可以了。 常用的公用css 一、PC端 1.页面margin(外边距)、 ...
分类:
Web程序 时间:
2019-08-24 18:31:21
阅读次数:
96
TextWidget 文本组件 TextWidget 的常用属性 TextAlign: 下面的五种对齐方式 左对齐, 右对齐, 居中对齐, 从开始位置对齐 完整代码 Container 容器组件 == >div padding 内边距 将上面的body 替换下 ...
分类:
其他好文 时间:
2019-08-23 11:58:50
阅读次数:
101
网格系统的实现原理,是通过定义容器大小,平分12份。 调整内外边距,通过媒体查询,就制作出强大的响应式网格系统 那媒体查询时什么呢:媒体查询主要是对各种移动端设备的一个响应式兼容, <meta name = "viewport" content="width = device-width,initi ...
分类:
其他好文 时间:
2019-08-22 18:57:02
阅读次数:
72
1页面的制作过程 1设计师制作设计图 划分区域 最重要 最复杂 2前端工程师制作页面 填充内容 2如何划分区域 用合适的元素来表示不同的区域 已学习 HTML 设置区域的位置、尺寸、背景等样式 CSS 3划分区域中的CSS知识 每个元素都会在页面中生成一个矩形区域 CSS称该矩形区域为盒子(box) ...
分类:
Web程序 时间:
2019-08-18 23:44:00
阅读次数:
126
1、不同浏览器的标签默认的外补丁( margin )和内补丁(padding)不同解决方案: css 里增加通配符 * { margin: 0; padding: 0; } 2、IE6双边距问题;在 IE6中设置了float , 同时又设置margin , 就会出现边距问题解决方案:设置displa ...
分类:
其他好文 时间:
2019-08-18 19:30:17
阅读次数:
87