如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
GIF动态图教学-H5语言3-常规操作(实例)
工具/原料
- 电脑软件Sublime
方法/步骤
head标记作为各种声明信息的标记,出现在文档的顶端,并且要一定要先于body标记出现。
接下来学习body的属性,设置body标记的bgcolor,相当于定义整个网页背景色。
bgcolor单词翻译:背景色。
skyblue单词翻译:天蓝。
但是使用bgcolor这种形式设置网页样式,已经不常用。这种方式仅适用于测试网页的临时手段,如图效果。
也可以使用十六进制表示颜色值,#00ff00表示纯绿色。
这种方式仅适用于测试网页的临时手段,如图效果。
如果对body标记设置了样式,就表示对整个网页进行设置。
background单词翻译:背景。
任意找一张图片放在跟当前HTML文件同一个位置下,输入代码。
a.jpg是图片的名字
这种方式仅适用于测试网页的临时手段,如图效果。
定义整个网页文本颜色。
text单词翻译:文本
red单词翻译:红色
这种方式仅适用于测试网页的临时手段,如图效果。
a标记的使用:引用超链接,跳转网页地址,网页呈现时超链接默认文字下端加一条横线。
页面边距:页面与文字的距离,或与其他图片等的距离。
仔细观看发现文字与页面距离不是紧凑在一起,一般情况下默认页面边距值是12,接下来来改动它的值。
topmargin:顶端的距离。
leftmargin:左侧的距离。
rightmargin:右侧的距离。
bottommargin:底端的距离。
!doctype>:声明HTML版本,必须在第一行,此代码告诉游览器使用哪种HTML文档版本规范。
为什么必须在第一行,因为游览器解析代码是从上往下解析,先解析第一行代码,首先告诉游览器使用什么HTML规范。
!doctype html>是声明HTML5的版本规范。
注意事项
- gif动态图将重复播放。
- 按住Ctrl键 鼠标滚动滑轮可以放大网页更清晰查看gif动态图。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 438 HTML