HTML5 codecademy CSS文件

来源:互联网 发布:jquery.rotate.min.js 编辑:程序博客网 时间:2024/05/19 13:20

CSS相当于后台的配置文件,配置的参数会让前段显示变得不同,看下面例子:

下面例子里面,被span的内容,可以在后台设置颜色







用<link>来连接HTML和CSS,而里面规定了3个属性,type,rel,href

type表示连接文件的种类

rel表示这个文件的属性值,也就是这个文件用来干吗

最后的href指向文件的超链接,也可以是文件的全名

最后贴一个rel相关的属性截图








然后在CSS内,可以一个标签种类,设置多种属性值





如何在CSS里面添加注释呢?和HTML里面注释有啥区别呢??




然后,对于颜色的种类,如果只用英文填的话,只有区区几种,所以,这里颜色的表达可以用16进制来表达,在网络上可以搜索

格式是: #000000    井号加6位数字,对大小写不敏感,如下例子





然后讲一个关于字体单位的,先前的练习中,字体的单位是px,这里,我们添加一种单位em,可是不要把他和字体斜体化的<em>搞混,这里的em只是指字体单位!!

示例如下

他会自适应各种屏幕分辨率下,标准字体的大小,1个em等于标准字体大小

另外加一句:CSS有默认的三种内建字体在里面,分别是serif , sans-serif , cursive





接下去再讲一下,字体可以设置多个类型,他会从左到右一个个进行测试,如果在你的电脑上找不到,该字体,则自动跳往下一个.



当要设置<div>这样的区域的背景色和区域大小的时候,就可以如下设置,不用{}





然后是设置边框,这个对于表格来说特别有用,我们可以在CSS里面设置边框和区域属性

注意border后面可以接受多种属性,中间只需要空格分开即可



接着,我们讲到,超链接也可以进行装饰,平时超链接都是蓝色字体,加下划线

如果要装饰,他有什么属性呢?text-decoration

示例如下:





0 0
原创粉丝点击