Head First HTML & CSS chapter 8 ,9,10 :开始学习CSS, 字体和颜色设置, 盒模型

本文详细介绍了CSS中的text-align、width等属性的应用方式,包括它们如何作用于不同类型的HTML元素,以及如何通过内边距、边框和外边距来调整元素布局。此外,还探讨了颜色设置的不同方式、字体大小的继承特性、伪类的作用机制和CSS属性的继承规律。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、text-align属性只能作用于块元素,并且块元素内所有的内联元素均有作用。该属性不能直接作用于内联元素。

2、width属性是设置内容区的宽度,不包括内边距,边框,外边距。总宽度数值等于内容宽度(即width值)加上俩个内边距,两个边框,两个外边距。

3、div属性的内边距默认值为零。

4、在盒模型中添加内边距、边框、外边距时先整体设置属性值,在对特殊的元素设置,后设置的属性会覆盖原来的属性。若设置某个元素背影颜色,该颜色能够设计到该元素盒模型中的内边距,不影响外边距。

5、css修改属性时,考虑标签的树级结构,考虑元素属性的继承问题。

6、颜色设置rgb 红绿蓝,可以有四种设置格式,其一使用数值(0-255),其二使用百分比(0-100%,其100%为255),其三使用十六进制(例如#aabbcc),其四使用red,black等。

7、字体大小设置,考虑继承问题。首先设置body元素中字体大小,之后在其字元素中设置时使用百分比(150%)或者倍数(1.5em)

8、伪类:像类一样为指定的分组设定样式,但是没有在html中真正输入伪类,例如a:hover , a:visited, a:link,具体调用伪类的是浏览器,当点击连接时,浏览器就调用a:visited类。伪类元素不仅仅限于:hover等,还有:focus, :first-child,:last-child。

9、并不是所有属性都能继承,比如边框属性,不过能够继承的属性如color,font-family,line-height等,浏览器会查看这个元素的祖先,从父元素开始,尝试找到这个属性值,若找到则就是你要使用的属性,若找不到则使用浏览器默认属性值。

10、代码:https://github.com/tamir2017/starbuzz/tree/master/starbuzz/chapter10/lounge

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值