Normalize.css用法

摘要:
将所有重置重置为相同的效果,并且影响范围很大。它强调浏览器之间的一致性,*{margin:0;padding:0;}2边框大小调整内容框:宽度和高度应用于元素的内容框。边框:绘制总宽度。内容的宽度和高度可以通过从设置的宽度和宽度中减去边框和内部边距来获得。3溢流x:自动;overflow-x:滚动;如果溢出框,则应提供滚动机制。

1 Normalize.css用法

重置样式非常多,Normalize.css和reset是两个常用的重置 CSS 文件 

http://necolas.github.io/normalize.css/ 可以用来作为项目的基础CSS

Normalize 相对reset更加平和,注重通用的方案,重置掉该重置的样式,保留有用的 user agent 样式,同时进行一些 bug 的修复。

Reset统统重置成一样的效果,且影响的范围很大,讲求跨浏览器的一致性,*{margin:0;padding:0;}

2  border-sizing

content-box:宽度和高度应用到元素的内容框。
border-box:绘制总宽,通过从已设定的宽度和高度减去边框和内边距才能得到内容的宽度和高度

3  overflow-x:auto;

overflow-x:scroll;

如果溢出框,则应该提供滚动机制。

免责声明:文章转载自《Normalize.css用法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Dubbo的高可用机制SQL优化(转)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

css 控制文字超出时显示省略号

不多说,直接看代码吧: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>内容超出显示省略号</title> <style> .limitWord{ width:200px;...

纯CSS3魔方的制作

  <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin:0; padding:0; } html,bo...

前端代码编写规范

前端代码编写规范   规范的目的 前端编程人员书写前端代码遵循一定的规范。按照规范编写代码可以使代码具有统一的风格,既可以提高团队协作效率,规范文件管理,可以减小一些错误风险,也有利于项目的代码维护和后期扩展。 规范的内容 前端代码主要包括html、css和JavaScript代码,分别负责页面的结构、表现和行为,严格保证三者的分离,尽量让三者没有太多的交...

Selenium-Switch--切换浏览器tab/iframe/alart

Switch 我们在UI自动化测试时,总会出现新建一个tab页面、弹出一个浏览器级别的弹框或者是出现一个iframe标签,这时我们用WebDriver提供的Api接口就无法处理这些情况了。需要用到Selenium单独提供的模块switch_to模块 引用路径 # 第一种方式可以通过直接导入SwitchTo模块来进行操作 from selenium.webd...

JS与CSS阻止元素被选中及清除选中的方法总结

有时候,我们希望阻止用户选中我们指定区域的文字或内容。 举个栗子,有时候用户在一个区域执行频繁的点击操作,一不小心傲娇地点多了,就会选中当前区域的内容。 再举个栗子,制作轮播组件的时候,点击下一页,若点击的快的话,浏览器会识别为双击。 双击的默认效果是选中整片区域,这时候轮播图组件就会被表示忧郁的蓝色幕布盖住,多忧桑啊~ 你看,这妹子多赞啊,可是你一紧张...

css3画图那些事(三角形、圆形、梯形等)

闲来无事,写写图形。当时巩固一下css3吧.。前端小白,写的不好还请前辈多指教。 三角形 { width: 0; height: 0; border-bottom: 140px solid red ; border-right: 70px solid transparent; border-left: 70px...