大家通过学习html已经可以做出简单的网页了,但是想要做出复杂的网页就不能局限于html这一门语言了。通过学习CSS可以极大提高效率、做出精美的网页。
一、样式表是什么?
层叠样式表(英语:Cascading Style Sheets,简写 CSS),是一种用来格式化文档、添加样式的计算机语言。
样式表分为:
1.外部样式表
在head元素中添加标签链接到css样式表。css文件可以在任意文本编辑器内编辑,完成后将
后缀名改为css即可。在dreamweaver中,左上角“新建-文件”选项可以直接创建css文件。
2.内部样式表
内部样式表就是利用把完整的样式表放在了标签里。当单个文档需要用到特殊的样式时就得用到内部样式表了。内部样式表将样式应用于整个文档。
body {background-color: aliceblue} |
3.内联样式
给标签添加style属性就是内联样式,用于改变个别元素的属性,不建议使用。
二、css叠层样式表的优势
1.使用css的网页更加易于后期的维护,你只需要修改css内容,整个网站的内容都会进行更新。
2.内容与表现分离,网页的框架(html)与网页的外观(css)分家。
3.利用css能够实现响应式设计,使网页适用于手机、ipad、游戏机等电子设备。
4.使用css可以大幅减少网页的代码量,读取速度加快,减少占用空间。
三、例子
html文件:
第一个网站
g4gdmeb9qah-a.jpg" width="350" height="100"/> 账号
密码 |
css文件
@charset "utf-8"; |
恋爱进行时九游版
恋爱进行时九游版是一款以模拟恋爱玩法为核心的角色扮演手游,精
皇室对决fr(Null’s Royale)
皇室对决fr,即皇室战争的私服变态版本,在该版本中玩家能够拥
养了个猫联机版游戏
养了个猫小游戏一个猫咪主题的模拟经营类型的手游,在游戏中我那
模拟山羊收获日小米版
模拟山羊收获日小米版是一个极其魔性的手机游戏,在游戏中玩家将
女配逆袭之素衣
女配逆袭之素衣是一款恋爱养成冒险的一款游戏,可以角色扮演,在