CSS基础知识入门学习

                                                     经过一个星期的html5的学习,开始了css的美化之旅

                                                                                   CSS基础知识

                   

1.1基础概念表

 CSS指层叠样式(casscading style sheets)

为什么需要用CSS

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

使用样式表可以有三种方式

(1)内联样式

     

将样式定义在style属性中,内容和表现形式高度耦合

(2)内部样式

 

在<head>标签中通过<style>标签来定义

内容和表现形式的耦合程度降低了,但都还是在html文件中,没有实现完全分离。定义的样式只能在当前页面使用。

(3)外部样式表


首先需要定义一个样式表文件

CSS中也可以使用注释,形式为/*....*/

然后在需要使用这些样式的html文件中引入该样式文件。

<link>标签引用,

<link rel=”stylesheet” type=”text/css’ herf=”xxx.css”>

外部样式表使得内容和表现形式彻底分离,有利于分工合作及维护,可在多个html中引用

1.2颜色定义表

颜色可以由三种基本颜色调和而成,即红色Red.绿色和蓝色

每种颜色用8位表示,可以表示256(2ⁿ)种颜色.那么每个颜色值有24位来表示,可以表示256*256*256种颜色(真彩色).

CSS中有多种颜色表示形式:

(1)十六进制形式:

 

(2)RGB颜色

(3)RGBA颜色

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

(4)HSl颜色

(5)HSLA颜色

(6)预定义颜色

CSS提供了一些常用的预定义颜色,比如red,green等。

总结:经过这段时间的学习,总的来说html5前期比较容易入门,学的内容也不算太难,但也不能掉以轻心,需要多多练习,熟练的掌握一些标签的使用


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值