HTML入门笔记(三)

HTML样式-CSS

网页目前的模式是 html+css+javascript , html是网页的结构,CSS是网页的样式,javascript是行为。结构就是盖房子先要把结构建出来,然后用CSS来装饰。
CSS:层叠样式表或称级联样式表,使用CSS可以实现页面的内容与表现形式分离,样式存储在样式表中,通常放在< head >部分(使用添加到 < head > 部分的样式信息对 HTML 进行格式化)或存储在外部CSS文件中。
将CSS添加到HTML中的三种方式:
1.内联样式- 在HTML元素中使用"style" 属性(当特殊的样式需要应用到个别元素时,就可以使用内联样式)如:背景色属性(background-color)定义一个元素的背景颜色,font-family(字体),color(颜色),和font-size(字体大小)属性来定义字体的样式, text-align(文字对齐)属性指定文本的水平与垂直对齐方式。
2.内部样式表 -在HTML文档头部 < head > 区域使用< style > 元素 来包含CSS(文件需要特别样式时)
例:

 <head>
 <style type="text/css">
 body {background-color:yellow;}
 p {color:blue;}
 </style>
 </head> 

3.外部引用 - 使用外部 CSS 文件(最佳,样式需要被应用到很多页面的时候,使用外部样式表,可以通过更改一个文件来改变整个站点的外观)
例:

 <head>
 <link rel="stylesheet" type="text/css" href="mystyle.css">
 </head> 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值