学习CSS的记录

1.例如:body,div,p,a,ul,li,dl,dt,dd{margin:0; padding:0;}

这可以解决一部分游览器兼容性问题。

      为什么要这么用呢,因为每种浏览器都自带有CSS文件,如果一个页面在浏览器加载页面后,发现没有CSS文件,那么浏览器就会自动调用它本身自带的CSS 文件,但是不同的浏览器自带的CSS文件又都不一样,对不同标签定义的样式不一样,如果我们想让做出的页面能够在不同的浏览器显示出来的效果都是一样的,那么我们就需要对HTML标签重置

2.选择器的嵌套

    #div1 p a{color:#900;}/*意思是在ID为div1内的p标签内的链接a标签的文字颜色为红色*/

3.块状元素和内联元素

         块状元素
                    一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥其他元素与其位于同一行,宽度(width)高度(height)起作用。常见块状元素为div和p。
        内联元素
                     内联元素只能容纳文本或者其他内联元素,它允许其他内联元素与其位于同一行,但宽度(width)高度(height)不起作用。常见内联元素为“a”。

   属性display:block 可以使内联元素变为块状元素,此时就可以设置width与height了

4.margin:20px 0;则和margin:20px 0 20px 0;是等价的哟~只不过是更加精简而已,这样写CSS加载速度会更快

      注:一直以为.margin:20px 0 与.margin:20px 0 0 0等价,我去!!

   水平居中: margin:0 auto;

5.布局页面的时候,经常会设置一下背景色,不然的话,你发现不了隐藏的问题,但是往往这些隐藏的问题就会导致页面浏览器的兼容性大大降低!

6.关于用户体验方面

       经常一些页面中加载一些图片什么的,在网速不好的情况下初始化会出现白色没东西的情况,此时在标签里可以加点背景色来缓解...


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值