百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>网页制作> 从零开始的html教程(3):自定义网页的风格、认识属性
分享文章到:

从零开始的html教程(3):自定义网页的风格、认识属性

发布时间:01/14 来源: 浏览: 关键词:
一聚教程网 从零开始的html教程(3),零基础也能轻松学会html,希望大家喜欢!

这节课我们来学习一下什么是属性,如何更改网页的背景吧。

一、网页DIY

1.我想把网页背景颜色改成黑色该怎么办呢?

试着把<body>改成<body style="background-color:#000000;">吧。

改完了么,呃……

背景改成黑色后因为文字也是黑色的,看不见文字了。<body style="background-color:#000000;">style定义了<body>,也就是网页主体的背景颜色为十六进制的#00000(黑色)。

2.顺便把文字颜色也改了吧。

<span>是用来控制小段字符的标签,<span style="color:#ffffff;">中style定义了<span>元素内文本的颜色为十六进制的#ffffff(白色)

二、html中的属性

属性通常以这样的形式出现(红色字体为属性):<span style="color:#ffffff;">,"style"就是<span>的属性。style属性用来将表现性质赋予一个特定元素,而且style无视任何全局样式设定而生效。其他的属性还有:id、class、title、lang、abbr等。

三、十六进制颜色

十六进制颜色代码以#号开头,三组16进制数字表示RGB三色,每组数字从0到FF。完全不懂十六进制的同学不用担心找不到自己想要的颜色,我们用的这款dreamweaver在输入"<color:#"后会跳出颜色选择框,选择自己想要的颜色,软件会自动帮你填好十六进制码。

四、怎么更改字体和颜色呢?

依然是通过style属性实现。在style属性中加入:

"font-famil:宋体;font-size:200%;”
font-famil:为设定字体,font-size是设置字体大小。

这篇教程介绍了html中怎么修改字体以及属性的含义,大家尝试自己修改喜欢的字体和颜色练习一下。下一课是如何结构化网页的教程,学习完成你就能脱离html菜鸟了,敬请期待!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有5人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板