随笔分类 - css
摘要：高度自适应实现水平垂直居中 方法一 CSS3中有transform属性，此属性下有一个translate移动函数，此函数接受两个参数。如果两个参数都为百分比值，此时会基于自身宽度和高定进行移动。此函数移动的机制同position:relative相似。 优点：无需定高度。高度随内容自适应。缺点：元素
阅读全文
摘要：如何提升CSS在页面的表现性能，如何对提高CSS代码的可维护性和可扩展性，便是架构者要考虑的事情。 0、CSS架构思维第一步：选用高效的开发和构建方式 既然谈及大型项目的架构，必然在开发前需要进行技术选型。JS目前大热的那些mvvm框架（vue、reactJs）不多说了，反观CSS，除了bootst
阅读全文
摘要：(1) //在断点处换行 word-wrap: normal; //允许在长单词进行换行 word-wrap: break-word; (2) white-space:怎么处理元素间的空白 white-space:nowrap 不换行 white-space:normal;默认。空白会被浏览器忽略。
阅读全文
摘要：/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1...
阅读全文
摘要：原英文版的面试题目地址http://h5bp.github.io/Front-end-Developer-Interview-Questions/初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不...
阅读全文
摘要：广州天气变冷了，css学习笔记还是要总结。 总结：1：几米页面静态页面主要是一列结构头部banner图，mainbody部分放文字内容和图书图片，底部是页面的版权信息2：腾讯软件中心静态页面制作（二列浮动布局）3：w3cschool静态页面制作4：垂直菜单，水平菜单（li设置float），...
阅读全文
摘要：通过学习了div和css，下面来实现简单的一列，二列，三列布局，欢迎交流，指正！ 1：一列居中布局 一列布局 top main footer 2：二列自适应布局 1 2 3 4 二列自适应...
阅读全文
摘要：总结一下水平居中和垂直居中的方法，欢迎交流指正，共同进步！ 1.水平居中 1.1）：行内元素水平居中，在其父类设置text-align:center; 1.2)： 块级元素水平居中有三种 第一种：定宽的块级元素，可以设置margin:0 auto; 第二种：把块级元素放进table的td里面，然后设
阅读全文
摘要：下面来总结一下盒子模型，流式布局，浮动布局，层布局（定位布局）。1.盒子模型 有二种：IE盒子模型 和 标准w3c盒子模型 1）IE的盒子模型的content包含了padding和border 2）标准的w3c盒子模型有四部分组成：内容（content），填充（padding），边框（border...
阅读全文
摘要：---恢复内容开始--- 总结并巩固学习css过程中知识点，如不对，欢迎指正，谢谢。 1.css概念 （Cascading Style Sheets）层叠样式表，是用来定义html内容在浏览器中显示的样式。 好处：可以是结构化标准语言（html）与表现标准语言（css）实现分离，方便...
阅读全文
