黑马程序员---CSS+DIV复习小结

发布时间:2020-09-11 22:54:14 作者:charles_xj
来源:网络 阅读:407
------- Windows Phone 7手机开发、.Net培训、期待与您交流! -------  
 
1.     css选择器:标签选择器、ID选择器(#,页面中只能使用一次,不能重复)、类选择器(.  页面中一个标签可以有多个类选择器,空格隔开即可)、通用选择器(*)
2. 对HTML内所有标签进行重置: eg: *{margin:0;padding:0;}
但一般情况下,对使用的的标签进行重置即可。如:
Body,div,p,a,ul,li{margin:0;padding:0;}
3. 选择器特点:可以集体声明(使用,来隔离)、可以嵌套(使用空格来隔离)
Eg:
Body,div,p,a,ul,li{margin:0;padding:0;}
#div1 p a{color:#900;}
 
4.     CSS选择器命名: 骆驼命名法,帕斯卡名法,匈牙利命名法
 
5. 盒子模型、内联元素VS块状元素
盒子模型:margin---->border--->padding--->content
 
块状元素
内联元素
Widthheight起作用
YES
NO
容许其它元素与其同处一行
NO
YES
包容元素
一般可容纳内联元素和其它块状元素
只能容纳文本或者其它内联元素
举例
'div    p
'a 
         块状元素 容许其它块状元素同一行,使用: float:left;  清除浮动影响:clear:both;
         块状元素转换成内联元素   使用:display:inline;
         内联元素 转换 块状元素  使用:display: block;
6. 让区域定位于浏览器正中间,且不受浏览器窗口、分辨率的影响:margin:0 auto;或者margin:xx auto;
7. 通过左侧浮动来实现两栏效果,应该防止在IE6上出现双倍边距bug,需使用display:inline来消除;
8.  实现图片链接效果,第一反应应该将<a><img>两个表情设置为块元素,以统一风格,设置图片高度.

私房小菜:小结的常用颜色表:
黑马程序员---CSS+DIV复习小结
 
------- Windows Phone 7手机开发.Net培训、期待与您交流! -------
推荐阅读:
  1. Oracle体系复习
  2. SQL复习笔记

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css div 小结

上一篇:Python搭建HTTP服务过程图解

下一篇:员工管理系统java版

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》