css基础第二节

 

　一步一步做出网页的各个部分！

期待早点做出完整的功能完备的网页！

　　加油！越努力，越幸运！

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" 属性进行规定。