CSS介绍篇

本文详细介绍了CSS(层叠样式表)的三大分类——行内CSS、内部CSS和外部CSS,及其优缺点。讨论了选择器的类型,包括标签选择器、类选择器、多类名选择器、Id选择器和通配符选择器,并解释了它们的选择范围。此外,还阐述了颜色属性,如color和background-color,以及不同的赋值方式,如颜色单词、16进制和rgb值。
摘要由CSDN通过智能技术生成

一.CSS释意
Cascading Style Sheets,层叠样式表。也是标记语言。设置HTML页面中的文本内容,图片的外形以及版面的排版显示。
二.css的分类以及优缺点(控制范围:外部CSS>内部CSS>行内CSS;使用频率:工作(外部CSS),学习(内部CSS)
1.行内CSS
将一个标签的样式直接写在这个标签元素的开头标签中,以标签的style属性开始书写其样式规则。书写起来比较方便;但是局限性太大,只能控制这个标签自身;而且无法实现样式和结构的分离。
2. 内部CSS
在html文件内部,标准位置在head标签中title标签下面,先写一个style标签,然后在style标签内书写这个html的样式规则。可以掌控整个html的内部标签,仅局限于当前HTML,无法实现样式和结构的彻底分离。
3. 外部CSS
在html文件内部,标准位置在head标签中title标签下面,先写一个style标签,然后在style标签内书写这个html的样式规则。虽然书写繁琐,没有局限性;但是只要是哪个HTML需要里面的样式都可以引用,实现了结构和样式的彻底分离。
三.选择器的分类(选择范围:通配符>类选择器>标签选择器>Id选择器)
1.标签选择器
直接使用标签的名称作为选择器进行使用,可以使用标签选择器选择一个HTML中的所有该标签。
2. 类选择器
类是指分类,将具有相同样式的标签先全部划分为一类,给所有这类标签使用class属性设置同一个类名,然后在css里面使用.类名作为选择器。
3.多类名选择器
给一个标签可以设置多个class值,这多个class值之间使用空格隔开,写样式可以给这个标签具有的任何一个类名书写都能作用到,但是相同的样式属性哪个类名在后面以哪个为主。
4.Id选择器
给某个标签设置一个Id属性,然后在CSS中使用#Id名作为选择器。注意,因为同一个html文件中所有标签Id的唯一性,导致Id选择器只能控制一个标签的样式,和行内标签作用类似。
5. 通配符选择器
住:同一个标签被不同的选择器选中,这些选择器中的不同样式会同时作用于这个标签。
四.颜色的属性
1.计算机中的三原色:红、绿、蓝。每个三原色的最大值是255,最小值为0。三原色值全部取最大为白色,三原色值全部取最小为黑色。
2.color属性:是指标签中内容的颜色。background-color属性:是指标签盒子的背景颜色。
五.赋值方式
1.直接以颜色单词赋值。例如:red、green、blue…
2.使用16进制的颜色值,以#开头:跟0-15这16个数,超过10则从A-F,如果后面是三个十六进制字符则这个从头到尾分别是红、绿、蓝的值。例如:#F00是红色。如果后面是六个十六进制字符则从头到尾每两个字符一组分别代表红、绿、蓝的值。例如:#FF0000是红色
3. 使用rgb(red,green,blue)里面全部给十进制的颜色值。例如:rgb(255, 255, 0)。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值