这个文章主要介绍如何通过编写css文件来控制网面的整体布局(Layout)及形式与外观。最近网页越做越美观大方,主要是Div+CSS的功劳。
网页UI设计也独立成为一个工种。
下面是入门系列(5)通过css文件设置后的效果。
简单介绍一下思路(具体可以参见CSS教程)
下面截图主要介绍CSS文件的一些规则问题。
首先要在Html5文件中说明使用的外部的styl.css进行外观的控制。
rl说明html与css的关系(rlationship)
typ说明类型
hrf说明文件的位置(location)与名字(nam)
来看css文件
charst是字符集说明
articl,asid,footr,hadr,main,nva,sction是第5篇中的介绍的新的元素(lmnt)
display是属性(proprty)
block是具体的值(valu)
说明7个元素有一样的设置。
同理:这些元素使用相同的设置
padding填充值为0
margin边距值为0
"."说明一个类(class)名称为bannr
background-color是背景颜色,后面的具体的值
body的宽度px(pixl)像素
font表示字体,其它意思估计你也能够猜到
lia表示li元素下面的子元素a
此系列这此为止!谢谢大家一路参与!
白癜风皮肤病哪家医院白癜风能治愈