HTML教程4

本文详细介绍了CSS选择器的种类及其权重值,包括id、class、标签选择器等,并讲解了如何通过display属性改变行标签的宽高。此外,还讨论了颜色取值、长度单位、边框样式、背景应用、字体与文本样式,以及表单元素的样式处理,特别是边框折叠和表单元素如input的样式问题。

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

回顾:css的选择器:1,id。2,class。3,派生选择器。4,相邻子元素选择器。5,兄弟元素选择器。6,通用选择器。7,标签选择器。利用标签名称来做。
选择器的权重值:id是100,class:10,标签选择器:1.
我们学习HTML阶段:HTML标签分为:块标签:div,ul,dl,ol,form,p,h,dt,dd,li,tr,td,table和行标签:a ,span,行内块标签:img,input
块标签和行内块标签可以直接设置宽高,行标签不能直接设置宽高
块标签独占一行,行内块和行标签是一行输出的。

如何才能让行标签直接设置宽高呢?
我们可以通过显示样式设置来实现:显示的属性名:display。显示这个属性的值:block:块,inline-block:行内块,inline:行
除了显示标签的特征之外,我们还可以利用display的特征,来自动等分父级。在父级样式中设置display:table;在子级标签的样式里设置display:table-cell,这样就可以实现自动等分父级。
css的基本取值单位:
    对于颜色取值:
    颜色的样式属性名:color:
    1,关键词取值:直接使用单词来代表颜色的,就叫做关键词取值、例如:div{color:red;}//意思就是:我给div的颜色设置为:红色
        优点:计算机识别效率高。缺点:单词量过大,不好记忆。
    2,16进制取色法:利用工具直接取色。在颜色数值前面我们加上“#”常用工具“

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陆小马

赏个核桃让我补补脑呗!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值