项目复习期总结3:CSS引入方式,注释,命名规范,背景,行高,文本属性
来源:互联网 发布:淘宝1元秒杀怎么抢打字 编辑:程序博客网 时间:2024/05/16 07:41
① .search{ border:1pxsolid#fff;/*定义搜索输入框边框*/ background:url(../images/icon.gif)no-report#333;/*定义搜索框的背景*/ } ② .wrap { /*height: 100px;*/ }
①/********Start 搜索条开始********/ .search{ border:1pxsolid#fff; background:url(../images/icon.gif)no-repeat#333; } /********End 搜索条结束*********/ ② <style type="text/css"> /*.tb { width:300px; font-size:12px; background:#6887D9; table-layout:fixed; }*/ </style>
行注释
// 这是行注释,注意'//'后面有空格
/* 这是一段注释 */
块注释
/*
* 注释以一行(*后面记得有空格)
* 注释以二行(*后面记得有空格)
* 注释以三行(*后面记得有空格)
*/
如:<body>
<!-- <div class="wrap"></div> -->
</body>
② 头部引入:使用也比较多,加载速度快,一般用于访问量较大的网站或首页,但是整站代码较多,不利于维护
③ 标签内写:用得比较少,权重最高,代码多,加载慢,不利于维护
② @import 是css2里面的,所以古老的ie5不支持。
③ 当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的
④ link除了能加载css外还能定义RSS,定义rel连接属性,@import只能加载css
① 标签名选择器 ② ID名选择器 ③ 类选择器 ④ 后代选择器
⑤ 群组选择器 ⑥ 伪类选择器 ⑦ 属性选择器 ⑧ 通配符 ⑨ 子代选择器
选择器优先级:
注:当指向同一目标选择器的优先级相同时,后面的优先级大于前面的优先级;当同一个标签中定义有多个class名时,各个类选择器之间的优先级与html中的class名排列无关,而是与css文件中各个类选择器的排列有关。
2、命名避免使用中文拼音,应该采用更简明有意义的英文但是进行组合
3、命名注意缩写,但是不能盲目缩写
4、不允许通过1 、2、3等序号进行命名
5、避免class与id重名
6、id用于标识模块或页面的某一父容器区域,名称必须唯一,不要随意新建id
7、class命名必须言简意赅
8、除了重置浏览器默认样式外,禁止直接为html tag添加css样式设置,例如:div { width:200px;height:100px;}
9、每一条规则应该确保选择器唯一,禁止直接为全局 .nav/.header/.body等类设置属性
* background-color
* background-position
* background-size
* background-repeat
* background-origin
* background-clip
* background-attachment
* background-image
background-color:red | #RGB;
background-position:X轴坐标 Y轴坐标 | left| right | center | top..
background-size: 100px | 30% | cover | contain; 在线测试
background-repeat: repeat | no-repeat | repeat-x | repeat-Y
background-origin:border | padding | content
background-clip:border-box | padding-box | content-box
background-attachment:fixed | scroll
background-image:url
简写的形式:background:color url() positon repeat;
备注:background-size的属性值如果只设置一个值,则第二个值会被设置为 "auto"。
cover:实现把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。
CSS 文本属性
CSS 字体属性
- 项目复习期总结3:CSS引入方式,注释,命名规范,背景,行高,文本属性
- css命名规范总结
- CSS背景属性与文本属性
- CSS的引入方式和书写规范
- css书写规范与引入方式
- CSS快速学习3:文本、背景等属性
- JavaScript中的CSS属性及命名规范
- CSS属性之背景与文本
- 项目期复习总结2:Table, DIV+CSS,标签嵌套规则
- CSS----引入方式和常用属性
- JavaScript发展史,与JScript区别,引入方式,数据类型,命名规范,命名推荐,解决命名冲突
- 引入CSS, JS注释
- CSS - 05 背景,文本相关属性,内边距,外边距
- 规范.DIV+CSS命名规范
- CSS规范命名
- css 命名规范
- css 命名规范
- css 命名规范
- Python 中的文件读写(一)
- Java 并发模式之Master-Worker
- 打印日历
- hdu 3473 Minimum Sum(划分树-sum操作)
- Android app 重打包攻击和应对之策
- 项目复习期总结3:CSS引入方式,注释,命名规范,背景,行高,文本属性
- 关于自己对界面遍历的认识
- Enum绑定DropDownList方法(转)
- 学习linux几点忠告
- android插件化-获取apkplug框架已安装插件-03
- bootmem_free_node
- UVa 624 CD(01背包 需要记录最优解的任一方案)
- wampserver install
- 在VMWare Fusion中虚拟安装Mac OS X 10.6 Snow Leopard