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

猜你喜欢

转载自www.cnblogs.com/nbkls/p/12149452.html