静态网页css代码(css静态页面)
admin 发布:2022-12-19 22:33 136
本篇文章给大家谈谈静态网页css代码,以及css静态页面对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
用CSS样式制作一个简单的静态网页
html
head
titleCSS简单网页/title
style
#box{width:500px;height:500px;position:relatively;top:50%;left:50%;margin-top:-250px;left:-250px;background:#f00;color:#fff;}
/style
/head
body
div id="box"这是一个简单的水平,垂直居中的盒子/div
/body
/html
求带有css的简单静态网页,刚接触的css,最简单的就行,谢谢!
亲,给你来个最简单的 就两个标签在里面 直观:
!DOCTYPE
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /!--网页编码---
title无标题文档/title!---这里是网页的标题---
!----以下是简单的CSS代码----
style
p {color:red;}
span { color:green; font-size:18px; }
/style
/head
body
p红色文字/p!---普通文字P标签---
spanspan标签中的文字颜色为绿色,大小为18px/span
/body
/html
静态网页制作
方法/步骤
1、新建一个txt文本文档,先不要急着修改文件后缀名,有基础的朋友手动输入HTML代码,不会也没有关系,百度搜索“网页HTML代码”。
代码:
!Doctype html
html
head
title静态网页制作教程/title
meta charset="gbk" /
link href="css.css" rel="stylesheet" type="text/css" media="all" /
/head
body
/body
/html
2、基础的静态网页代码写出来了,下面在body/body中间添加网页需要的数据内容(文字、图片、表格、视频等),然后将txt文本文档的后缀名.txt修改为.html。现在点击打开看看效果!小编在body中间加入的文字:静态网页制作教程。
3、这样的文字太单调了,需要用CSS样式定义,小编在桌面上新建一个文件夹“web”,把index.html文件放进去,然后在web文件件里面新建一个txt文本文档,修改为“css.css”。
4、使用鼠标右键“打开方式”,选择txt文本文档编辑css.css文件。用CSS定义网页字体大小12像素,网页背景色为红色,字体颜色为白色。
代码:
body{font-size:12px;background:red;color:white}
保存,然后打开web文件夹中的index.html文件,查看效果。
5、下面在web文件下面新建一个images文件夹,然后打开软件Fireworks,设计自己需要的图片(没有就去百度搜索自己需要的图片,使用QQ截图功能,截取自己需要的图片),把设计好的图片存入web文件夹下面的images文件夹里面。现在我们在body中放入图片,让图片在网页里面居中。
代码:
div align="center"
img src="images/pic.png" alt="logo" title="静态网页制作教程" /
/div
把上面的代码放入index.html的body中,保存后打开看看效果!
小编在这里省略了表格和视频的制作,小伙伴不知道的话,可以百度搜索一下。
整个简单的静态网页制作完毕。
静态网页css代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于css静态页面、静态网页css代码的信息别忘了在本站进行查找喔。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
相关推荐
- 05-18免费网页设计制作网站,免费网页设计软件
- 05-18制作网页一般多少钱,网页制作要多少钱
- 05-17长沙网站制作公司哪家好,长沙网页制作公司
- 05-17免费建网页,怎样免费建立网站
- 05-17做公司网页,做公司网页有什么简单的方法
- 05-17百度网页推广,百度网页推广费用
- 05-16百度知道网页版地址,百度知道的网址
- 05-15北京网站建设制作公司,北京网站制作网页
- 05-15如何制作一个网页网站,如何制作一个网页?
- 05-13怎么制作公司网页,怎样制作自己公司的网页
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接