2016.4.13--css总结
2016-04-13 17:30
519 查看
随意写写css的一些总结，
开发前台常用的工具有sublime和firework，sublime是目前最受欢迎的前台代码编写工具，工具小，强大，firework是dreamever和ps的结合，主要用于测量个图片的长宽和颜色的获取，精灵图的制作。
精灵图的制作--当网站有很多图片的时候，当用户访问网页的时候，一个图片链接就访问服务器一次，这样就会增加服务器的压力，如果把说有的图片放到一张图片里面，这样图片访问就一次了。这就是精灵图。通过firework创建一个透明文件图片，然后把说有的图片放上去。在页面css样式中通过设置background属性里面的偏移来显示图片。
在开发网站的时候，首先要编写标签初始化css，因为不同的浏览器对标签的显示样式是不一样的，所以要初始化，或者增加同意的解析方式<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
使用padding属性，div的宽度为本来width的宽度加上内边框的宽度。
使div居中的方法 margin 0 auto
使文字居中显示，通常的做法就是，设置line-height的值和容器的值一样，
开发前台常用的工具有sublime和firework，sublime是目前最受欢迎的前台代码编写工具，工具小，强大，firework是dreamever和ps的结合，主要用于测量个图片的长宽和颜色的获取，精灵图的制作。
精灵图的制作--当网站有很多图片的时候，当用户访问网页的时候，一个图片链接就访问服务器一次，这样就会增加服务器的压力，如果把说有的图片放到一张图片里面，这样图片访问就一次了。这就是精灵图。通过firework创建一个透明文件图片，然后把说有的图片放上去。在页面css样式中通过设置background属性里面的偏移来显示图片。
在开发网站的时候，首先要编写标签初始化css，因为不同的浏览器对标签的显示样式是不一样的，所以要初始化，或者增加同意的解析方式<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
使用padding属性，div的宽度为本来width的宽度加上内边框的宽度。
使div居中的方法 margin 0 auto
使文字居中显示，通常的做法就是，设置line-height的值和容器的值一样，
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- link和@import两种导入css文件的区别。
- CSS的overflow属性及清除浮动
- html CSS常用样式
- css属性之animation与@keyframes制作天空动态云彩
- CSS--浏览器兼容
- 如何检测SQL注入和CSS攻击漏洞
- CSS：使用CSS3将一个div水平和垂直居中显示
- css去掉iPhone、iPad默认按钮样式
- 教你用CSS代码写出的各种形状图形
- css小记(3)
- 详细的css命名规则，专业点吧
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- CSS3 伪类、伪元素节选
- css清除浮动定位造成的异常
- <css 十三> 关于选择器selector(2)
- toolbar样式定制
- css3动画animation
- CSS3 transform对普通元素的N多渲染影响
- CSS3 Filter的十种特效
- html Css 样式的引入