css总结
2015-10-25 21:25
435 查看
CSS样式的优先级
!important>内联样式>内部/外部样式>浏览器预定义样式
内部外部样式:#id>类选择器>元素选择器
内联样式要尽量少用;内部样式可以适量的使用,例如如果只有一个页面使用样式的情况下就没必要专门做一个外部样式;推荐使用外部样式,但是也不要太多,否则头重脚轻,显示页面的时候可能出现先出现样式而内容半天不出现的情况。同时外部文件不要太多,否则发送请求过多,可以放在一个大文件里但不要有太多小文件。
使用CSS3要考虑兼容性的问题,尤其是IE。
内部/外部CSS:
选择器{/*该样式的作用*/
属性名:属性值;
…
属性名:属性值;
}
这个会经常用到:
<style>
*{/*所有元素间距和填充都为0*/
margin:0;
padding:0;
}
CSS中的尺寸
相对尺寸:
%:所占父元素的百分比 如div(width:50%;)
px:像素,指屏幕上的一个点 如div(width:500px;)
em:倍率,表示标准字体大小的倍率 如div(height:3em;)
刚刚学完还不能灵活运用,还得靠平时慢慢的练习,来熟练的操作。
!important>内联样式>内部/外部样式>浏览器预定义样式
内部外部样式:#id>类选择器>元素选择器
内联样式要尽量少用;内部样式可以适量的使用,例如如果只有一个页面使用样式的情况下就没必要专门做一个外部样式;推荐使用外部样式,但是也不要太多,否则头重脚轻,显示页面的时候可能出现先出现样式而内容半天不出现的情况。同时外部文件不要太多,否则发送请求过多,可以放在一个大文件里但不要有太多小文件。
使用CSS3要考虑兼容性的问题,尤其是IE。
内部/外部CSS:
选择器{/*该样式的作用*/
属性名:属性值;
…
属性名:属性值;
}
这个会经常用到:
<style>
*{/*所有元素间距和填充都为0*/
margin:0;
padding:0;
}
CSS中的尺寸
相对尺寸:
%:所占父元素的百分比 如div(width:50%;)
px:像素,指屏幕上的一个点 如div(width:500px;)
em:倍率,表示标准字体大小的倍率 如div(height:3em;)
刚刚学完还不能灵活运用,还得靠平时慢慢的练习,来熟练的操作。
相关文章推荐
- CSS中!important的用法
- css个人随笔,适合新手总结整理
- web前端css总结
- css + js animation 简单模态框制作
- CSS: body{font-size: 62.5%;}为什么???
- css min-width最小宽度与max-width最大宽度教程
- CSS
- 用css绘制三角形
- HTML+CSS样式设置——CSS一学就会
- css3
- html和css总结
- 明确指定+两种自动将行内元素变成块级元素的方法
- SMAcss学习笔记
- subline 双击带-样式名可以选中 配置
- 纯CSS3图片翻转效果详解
- 利用CSS3制作淡入淡出动画效果
- IE10 CSS Hack
- css3 实现动画效果,怎样使他无限循环动下去?
- CSS3 animation 属性
- 自定义spinner样式