zoukankan      html  css  js  c++  java
  • 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" 属性进行规定。

  • 相关阅读:
    Ajax调用 打不开新窗口
    杂记3
    todo WebClient学习
    Repeater 嵌套
    动态生成数个gridview Button得到隐藏ID列的值
    SQL 查询间隔时间大于60s的所有数据
    Apache DbUtils
    一步步学Mybatis-告别繁琐的配置之Mybatis配置文件生成工具 (7)
    一步步学Mybatis-怎么样实现动态SQL查询(6)
    一步步学Mybatis-实现简单的分页效果逻辑 (5)
  • 原文地址:https://www.cnblogs.com/nbkls/p/12149452.html
Copyright © 2011-2022 走看看