CSS概念、颜色、尺寸单位

1、基本概念

HTML描述了要呈现的内容,而CSS则定义了这些内容呈现的形式,比如字体,颜色等,使用CSS能够将页面内容和呈现形式有效分离,有利于分工合作,也有利于快速更换不同的呈现形式。

三种方式:

(1)内联样式:将样式定义在style属性中,       内容和呈现形式高度耦合,维护困难,不利于分工合作。只能应用于当前标签。

(2)内部样式:<head>标签中通过<style>标签来定义。内容和表现形式的耦合程度降低了,但都还是在html文件中,没有实现完全分离。定义的样式只能在当前页面使用。

(3)外部样式表:首先需要定义一个样式表文件,然后在需要使用这些样式的html文件中引入该样式表文件,外部样式表使得内容和表现形式彻底分离,有利于分工合作和维护。可在多个html中引用。

2、颜色

Css中用8位数表示一个颜色,那么可以表示28种颜色即256种颜色,所以总共可以表示256*256*256种颜色。

Css中有多种颜色表现形式:

(1)十六进制形式

(2)RGB颜色

(3)RGBA颜色

在RGB颜色基础上增加了透明度分量(alpha),该分量的取值范围为0(完全透明)~1.0(完全不透明)

(4)HSL颜色

(5)HSL颜色

(6)自定义颜色

3、尺寸单位

cm:厘米

mm:毫米

in:英寸(inch)

px:像素(pixel)

%:百分比

em、vw、vh


绝对长度单位 

in 英寸Inches (1英寸 = 2.54 厘米) 
cm 厘米Centimeters 
mm 毫米Millimeters 
px 像素Pixels 
pc 皮卡Picas (1 皮卡 = 12 点)

相对长度单位 

em 元素的字体高度
       ex 字母x的高度
       % 百分比

4、进制:计数的方法

基:某种技术方法所需符号个数
权:某位的“1”代表的值


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值