CSS-01

本文详细介绍了CSS的基础知识,包括CSS的作用、引入方式的优先级、长度单位、颜色值以及选择器的使用。重点讲解了选择器的种类,如基础选择器(标签选择器、类选择器、ID选择器、通配符选择器)、关系选择器(后代选择器、亲子选择器等)以及选择器优先级。内容适用于CSS初学者,旨在帮助理解CSS的使用和设计原理。
摘要由CSDN通过智能技术生成

CSS-01

1.认识css

CSS是Cascading Style Sheets(层叠样式表单)的简称,CSS就是一种叫做样式表(stylesheet)的技术。它用于定义HTML元素的显示形式,是一种格式化网页内容的技术。CSS现在已经被大多数浏览器所支持,成为网页设计者必须掌握的技术之一。

W3C自1996年12月发布第一个CSS正式推荐版CSS 1.0以来,一直在对CSS标准进行修订、升级。1999年1月,CSS 2.0 正式推荐版发布,增加了对其它媒体(打印机、视觉设备)、可下载字体、元素定位和表格的支持。最新标准的CSS 3.0已经发部,其主要的影响是可以使用新的可用的选择器和属性,这些会允许你实现新的设计效果(譬如动态和渐变),而且可以很简单的设计出以前需要JavaScript才能设计出来的效果。

2.使用css

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。

选择器 { 属性1: 值1; 属性2: 值2; ... 属性N: 值N; }

选择器通常是需要改变样式的 HTML 元素。

此为css构成

h1 {color: red; font-size:14px;}

3.css引入方式的优先级

优先级为:就近原则,谁离得近谁优先级最高。

行内样式(内联样式)

推荐个数:css样式的个数<=3

内部样式(嵌入式)

推荐个数:3<css样式的个数<=10

外部样式(外链式)

推荐个数:css样式的个数>10

4.长度单位

大体分为三种: px、em 、%。

其中关于单位详解:

单位

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值