CSS
关注
分享
扫一扫
WX_安琪拉打野怪
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
rel=preload进行内容预加载
背景<link>元素的rel属性的属性值preload能够让你在你的HTML页面中<head>元素内部书写一些声明式的资源获取请求，可以指明哪些资源是在页面加载完成后即刻需要的。对于这种即刻需要的资源，你可能希望在页面加载的生命周期的早期阶段就开始获取，在浏览器的主渲染机制介入前就进行预加载。这一机制使得资源可以更早的得到加载并可用，且更不易阻塞页面的初步渲染，进而提升性能。相关文档一般情况下<link>用来记载css文件<link rel...原创 2020-06-15 14:43:46 · 2639 阅读 · 0 评论 -
Flex布局
1.所有的api示例代码:https://github.com/chenliLinda/css-flex/blob/master/flexTest.html原创 2018-04-19 19:59:28 · 151 阅读 · 0 评论 -
BUG---用table进行的表单布局,表单验证时会出现td宽度不稳定(闪动)
原因:1.出现这样一种情况是因为没有给td指定宽度. 2.table本身就会根据内容进行宽度的调整,在没有指定td的宽度比例的情况下,它会根据内容自动的调整比例解决方案:在table的第一行的td上设置宽度,想要自适应的话,此宽度可以是百分比,但是需要设置min-width...原创 2018-05-18 13:43:29 · 462 阅读 · 0 评论 -
搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop
转载自：https://www.imooc.com/article/17571网页可见区域高：document.body.clientHeight网页正文全文高：document.body.scrollHeight网页可见区域高（包括边线的高）：document.body.offsetHeight网页被卷去的高：document.body.scrollTop屏幕分辨率高：window.screen...转载 2018-06-28 14:14:31 · 175 阅读 · 0 评论 -
JS获取CSS样式（style/getComputedStyle/currentStyle)
CSS的样式分为三类： 内嵌样式：是写在Tag里面的，内嵌样式只对所有的Tag有效。 内部样式：是写在HTML的里面的，内部样式只对所在的网页有效。 外部样式表：如果很多网页需要用到同样的样式(Styles)，将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个需要用到这 些样式(Styles)的网页里引用这个CSS文件。getComputedStyle是一个可以获取当前元素所...转载 2018-07-05 14:58:48 · 296 阅读 · 0 评论 -
父级div高度由子级div撑开; 里层div的高度始终与外层div的高度一样
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</原创 2018-08-25 23:58:59 · 9825 阅读 · 1 评论 -
css等比例分割父级容器（完美三等分）
转自:https://blog.youkuaiyun.com/xiaobing_hope/article/details/51285695css等比例分割父级容器（完美三等分） 父级容器的宽度一定，要实现子元素等比例完美均分父级宽度，实现方式有哪些？html部分代码： 方法一： 浮动布局+百分比 （将子元素依次左浮动，根据子元素的个数，设定每个子元素的宽度百分...转载 2018-09-03 14:39:09 · 1128 阅读 · 0 评论 -
svg写动画 常用属性的介绍
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .container{ margin: 200px;原创 2018-10-26 17:28:49 · 866 阅读 · 0 评论