随笔分类 -  html+css

querySelector与getElementBy系列的区别
摘要：getElementBy系列 document.getElementsByTagName('tag'); document.getElementById('id'); document.getElementsByClassName('class'); document.getElementsByTa 阅读全文
posted @ 2018-12-14 14:37 为系归舟 阅读(1895) 评论(0) 推荐(1)
清除浮动的几种最佳方案
摘要：最常见的方式 经测试下面两种也可以达到效果 我自己常用的方式 阅读全文
posted @ 2018-10-30 17:18 为系归舟 阅读(211) 评论(0) 推荐(0)
用五种不同的布局方式实现“左右300px中间自适应”的效果
摘要：float浮动 absolute绝对定位 flex布局 table布局 grid网格布局 阅读全文
posted @ 2018-10-30 17:01 为系归舟 阅读(319) 评论(0) 推荐(0)
标准模式（严格模式）和怪异模式相关问题总结
摘要：标准模式和怪异模式的来由 在HTML与CSS的标准化未完成之前，各个浏览器对于HTML和CSS的解析有各自不同的实现，而有很多旧的网页都是按照这些非标准的实现去设计的。 在HTML与CSS标准确定之后，浏览器一方面要按照标准去实现对HTML与CSS的支持，另一方面又要保证对非标准的旧网页设计的后向兼 阅读全文
posted @ 2018-10-15 22:25 为系归舟 阅读(728) 评论(0) 推荐(0)
position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样？
摘要：一道面试题的分析总结： display属性规定元素应该生成的框的类型； position属性规定元素的定位类型； float属性是一种布局方式，定义元素在哪个方向浮动。 类似于优先级机制： position：absolute/fixed优先级最高，有他们在时，float不起作用，display值需要 阅读全文
posted @ 2018-10-15 20:13 为系归舟 阅读(245) 评论(0) 推荐(0)
less学习笔记
摘要：http://d98a812a.wiz03.com/share/s/3pyE4G3ikQF72xxFqB0OGw_H3Ey7JA1lwQ232zap4g3mK-pt 阅读全文
posted @ 2018-10-15 00:12 为系归舟 阅读(130) 评论(0) 推荐(0)
笔记：less的三种使用方法
摘要：直接在浏览器端使用 第一步，引入 .less 文件（注意要将 rel 属性设置为“stylesheet/less”） 第二步，引入Less.js文件 （这里的js文件可以去官网下载） 需要特别注意的是： 1）.less 样式文件一定要在 Less.js之前引入，这样才能保证 .less 文件被正确编 阅读全文
posted @ 2018-10-13 23:11 为系归舟 阅读(2365) 评论(0) 推荐(0)
笔记：字体大小的几种不同的格式px，em，rem
摘要：px px像素（Pixel），相对长度单位，像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册) 譬如，Windows的用户所使用的分辨率一般是96像素/英寸。 而MAC的用户所使用的分辨率一般是72像素/英寸。 特点： 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大 阅读全文
posted @ 2018-10-13 16:26 为系归舟 阅读(670) 评论(0) 推荐(0)