随笔分类 -  html

可视化大屏适配解决方案
摘要：前言：可视化大屏开发在前端项目中日益增多，为解决大屏可在尽可能多的设备上都能展示，为此提供以下解决方案，可供参考。 基准屏幕分辨率：1920 * 1080 1.在公共样式文件中，将px按比例计算转为vw和vh @vw: (1/1920) * 100vw; @vh: (1/1080) * 100vh; 阅读全文
posted @ 2023-02-01 14:51 bignewbie 阅读(482) 评论(0) 推荐(0)
解决高度塌陷问题
摘要：所谓高度塌陷就是在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。但是当为子元素设置浮动以后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。 由于父元素的高度塌陷了，则父元素下的所有元素都会向上移动，这样将会导致页面布局混乱。 例如 阅读全文
posted @ 2018-11-17 15:29 bignewbie 阅读(767) 评论(0) 推荐(0)
清楚浏览器默认样式
摘要：通用CSS模板下载：https://pan.baidu.com/s/1r4WFPNEWNweNDB-j7E3r9A 通用模板内容： 下载通用模板，在html中引用即可去除浏览器默认样式 阅读全文
posted @ 2018-11-12 18:28 bignewbie 阅读(231) 评论(0) 推荐(0)
解决ie6中png图片格式不兼容问题
摘要：在IE6中对图片格式png24支持度不高，如果使用的图片格式是png24，则会导致透明效果无法正常显示 解决方法： 1.可以使用png8来代替png24，即可解决问题，但是使用png8代替png24以后，图片的清晰图会有所下降 2.使用JavaScript来解决该问题，需要向页面中引入一个外部的Ja 阅读全文
posted @ 2018-11-11 15:50 bignewbie 阅读(687) 评论(0) 推荐(0)
htnl 定位
摘要：相对定位 相对定位：position:relative; 相对定位：相对定位是相对于元素在文档中的初始位置——首先它出现在它所在的位置上（即不设置position时的位置，然后通过设置垂直或水平位置，让这个元素“相对于”它的原始起点进行移动； 注意，在使用相对定位时，无论是否进行移动，元素仍然占据原 阅读全文
posted @ 2018-11-05 20:23 bignewbie 阅读(384) 评论(0) 推荐(0)
CSS的继承和使用方式
摘要：CSS的继承 css的继承指的是当标签具有嵌套关系时，内部标签自动拥有外部标签的不冲突的样式的性质。 在Css中有些属性不允许继承，例如，border属性没有继承性。多边框类的属性都没有继承 ，例如，padding 、 margin 、 background等。 示例： CSS的使用方式 在html 阅读全文
posted @ 2018-10-16 19:48 bignewbie 阅读(3680) 评论(0) 推荐(1)
CSS选择符
摘要：W3School离线手册(2017.03.11版)下载：https://pan.baidu.com/s/1c6cUPE7jC45mmwMfM6598A 选择符指的是要修改的元素。CSS中常用的选择符有 HTML选择器、类选择器、id选择器。 HTML选择器 最常见的 CSS 选择器是元素选择器。换句 阅读全文
posted @ 2018-10-13 14:05 bignewbie 阅读(289) 评论(0) 推荐(0)
CSS的基本语法
摘要：W3School离线手册(2017.03.11版)下载：https://pan.baidu.com/s/1c6cUPE7jC45mmwMfM6598A CSS（层叠样式表） 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表HTML（标准通用标记语言的一个应用）或XML 阅读全文
posted @ 2018-10-13 13:27 bignewbie 阅读(650) 评论(0) 推荐(0)