HTML5编程语言入门系列6

这个文章主要介绍如何通过编写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

此系列这此为止!谢谢大家一路参与!









































白癜风皮肤病
哪家医院白癜风能治愈



转载请注明:http://www.guyukameng.com/aspnet/2016-10-05/1003.html

  • 上一篇文章:
  •   
  • 下一篇文章: