zoukankan      html  css  js  c++  java
  • html学习总结

    1单闭合标签:<br> <img /><link /><hr /><!DOCTYPE> <metal /> input   area  frame col  param

    2/img是inline还是block元素,

       inline不能设置宽和高,但img可以

      block要单独一行,但img又不是。

    另外img可以设置宽和高,可以设置margin值。而img自身带有一定的margin值,所以其与下方的div会有一定的间距,但是这个margin值,不能用margin:0;来消除。但是;可以这样:display:block;margin:0;我们也可以用margin:auto;让其水平居中但无法让其垂直居中(也许用定位position可以解决)

    其实,img是inline元素,但很特殊,是替换内联元素,可以设置宽和高,可以设置magin,(css初始化代码都有)

    3/如何让一个div中一行文字居中:

    我们通过设置行高,让line-height=div.height 就可以了

     4、css中的大小表示:  px

                                    20%            为其父元素的百分比

                                    1.2 em        字体大小为其父元素所设置的字体大小的1.2倍

    5/css3中最新加入了可以画圆角的属性:border的border-radius:xpx;

             如果一个正方形div的border-radius值为其边长的一半,其会变成一个圆;

    6、关于绝对定位和相对定位

             相对定位:position:relative;  

                          top:-20px;结果相等于:bottom:20px;

            相对定位是相对该元素自己本来的位置进行一定的偏移;

            绝对定位是想对其父元素设定该元素的位置:、

              position:absolute;

               top:20px; left:39px;

     一定要注意,使用绝对定位时要求改元素的父元素也必须有position属性,否则的话会向上找他爷,一直到body元素。来实现绝对定位。

            我们要定义它父元素为:position:relative;不能使absolute,因为这样的话其父也要找他爷

    另外要注意:相对定位偏移其本来的位置后,其原来的位置不会被其他元素顶替,比如其下面的div不会上去,其位置还在,

    而绝对定位后,该元素不会影响其父元素里其他元素的布局,

      如果两个绝对定位形成覆盖,那么谁在后面,就会覆盖前一个。但是可以通过设置 z-index:1000;来控制谁的z-index大谁在上面,而不用显示论先后顺序。

  • 相关阅读:
    如何利用UltraEdit语法着色来编辑shell脚本
    css 运动背景
    页面加载进度条
    jScrollPane滚动条
    页面加载进度条改进版
    js页面新消息提示
    一道题
    jquery插件 展示信息
    冒泡排序和快速排序
    字体背景
  • 原文地址:https://www.cnblogs.com/dunken/p/3871660.html
Copyright © 2011-2022 走看看