前言 在做页面时，我们往往会碰到页面布局相关的内容，面试时也经常会被问到，那么今天我就来总结一下关于页面布局的内容。 问题：如何实现三栏布局（高度固定，左中右的结构） 假设高度已知，请写出三栏…
标签：css
选择器特殊性排名
按照特殊性优先级排名 000 从左到右 第一个0： 如果这个选择器包含id+1 例如： <pre>#choice { color:red; }</pre> 100 第二个0： 如果这个选择器包含类…
子元素相对于父元素百分比尺寸问题
<html lang="zh"> <head> <meta charset="UTF-8"> <title>百分比尺寸问题</title> <link r…
弹出层圆满制止页面转动
页面中经常会碰到弹出层的部件，当弹出层激活时掩盖全部页面，且背景部份不能转动。完成起来有以下要点： 弹出层position设置为fixed，四个定位锚点均设为0； 激活弹出层时给html和body设置overflow: …
样式里的宽度为小数，js获取其值
<input type="button" value="动起来" id="btn" /> <div id="div1" style="width:100.5px; height: 100px; back…
js制作简易计算器(-)
前言：初学js，老师要求做一个简易计算器，目前只实现了能够计算，很多约束没有有做，待完善。仅作为自己的学习记录。 <!doctype html> <html> <head> <m…
web响应式布局之 meta详解
响应式布局详解之head标签添加的属性详解 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,use…
webkit内核浏览器自定义滚动条样式
CSS ::-webkit-scrollbar { /* 1 */ } ::-webkit-scrollbar-button { /* 2 */ } ::-webkit-scrollbar-track { /* 3 */…
js中的各种宽高
之前项目刚写了个判断触底自动加载更多的功能，发现自己对各种宽、高的定义还是很模糊。终于没有偷懒，写了个demo理解了一下。网上也有很多整理好的文章，为了加强下自身记忆，顺便也许能给些建议。 element的一些宽、高属性…
前端项目修改默认滚动条样式
前端项目修改默认滚动条样式 写过挺多项目都需要改变滚动条的默认样式 并不想单独下载和引入插件 因此纯css修改默认滚动条的样式 这次算统一整理下方法，直接上代码。 &::-webkit-scrollbar { /…
图像映射——我的web前端自学之路进行时2
一段感悟 在说图像映射之前先说一段最近动态。最近稍稍的深入学了一段时间的htnl与css，应该算是在打基础，其实在打基础之前我已经学习了一段时间js，jquery，backbone，angularJs，当时也知道要打好基…
cssfloat布局以及其他小技巧
css float 布局以及其他小技巧总结 这篇博文 前面四个部分是关于css 经典布局 如果你已经知道了 可以直接跳过看第六部分 css 的其他小技巧 1.0 左右居中布局 <!DOCTYPE html> …
