一步一步做出网页的各个部分!
期待早点做出完整的功能完备的网页!
加油!越努力,越幸运!
ps.度娘真的是个好东西!!!
1.制作网页标题图标
将选好的图片转换成ico格式(http://www.bitbug.net/),
格式: <title>我是要成为海贼王的男人</title>
<link rel="shortcut icon" href="logo.ico">
2.背景样式
background-color 背景颜色
background-image 定义背景图像的路径(建议图像保存到本地)
background-repeat 显示方式(纵向平铺,横向平铺,平铺,不平铺)
background-attachment 背景图是否随内容而滚动
background-position 通过xy坐标扣取背景图中需要的某一部分
3.超链接样式
a:link 定义a元素未访问时的样式
a:visited 定义a元素访问后的样式
a:hover 定义鼠标经过时显示的样式(可以定义任何一个元素在鼠标经过时的样式)
a:active 定义鼠标单击激活时的样式
这四个定义必须按照以上顺序进行,可以不全部使用。
4.新的标签
(1).display: inline-block:
inline(行内元素):
使元素变成行内元素,拥有行内元素的特性,即可以与其他行内元素共享一行,不会独占一行.
不能更改元素的height,width的值,大小由内容撑开.
可以使用padding上下左右都有效,margin只有left和right产生边距效果,但是top和bottom就不行.
block(块级元素):
使元素变成块级元素,独占一行,在不设置自己的宽度的情况下,块级元素会默认填满父级元素的宽度.
能够改变元素的height,width的值.
可以设置padding,margin的各个属性值,top,left,bottom,right都能够产生边距效果.
inline-block(融合行内于块级):
结合了inline与block的一些特点,结合了上述inline的第1个特点和block的第2,3个特点.
(2).float: left
float 属性定义元素在哪个方向浮动
(3).padding
padding 属性定义元素的内边距。padding 属性接受长度值或百分比值,但不允许使用负值。
(4).position
absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。