zoukankan      html  css  js  c++  java
  • HTML+CSS标签的属性及应用

    结构化标准语言(HTMLHTMLHTMLXMLXMLXMLXMLXMLXMLXML)

    表现标准语言(CSS)C

    块级标签:divdiv、ulul、lilili、dtdl、dldt...

    行内标签:spanspan、inputinput、imgspanimg...

    行为标准语言(DOMDOM和ECMAScriptECMAScriptE

    盒子模型==网页布局的基石

    外边距(margin)边框(borderborder)内边距(paddingpaddingleft、left right、right、bottombottom

    如果设置的是外边距(以顺时针方向设置):给44个值(上、右、下、左),给定三个值(上、左右、下),给定两个值(上下、左右)、给定一个值(就是4个方向的外边距是一样的)

    auto会根据浏览器的宽度自动地设置两边的外边距100%;margin:0 auto;100%;margin:0 auto;;如果设置了自动居中还设置了floatfloatfloatfffffloat(浮动)或者position:absolute;position:absolute;当元素没有设置宽度值,而设置了浮动属性,元素的宽度随内容的变化而变化。

    清除浮动的方法:

    1.clear属性--常用clearclear:bothboth;clearclear:leftleft;或者clearclear:rightrightright

    2.同时设置widthwidthwidth:100%100%width(或者固定宽度)+overflow+overflow:hidden;

    横向两列布局

    主要应用技能:floatfloat属性-----------使纵向排列的块级元素,横向排列

    绝对定位布局:通过设置positionposition属性实现

    能够实现横向布局及较为复杂的定位,有三种定位形式:1.静态定位 2.相对定位 3.绝对定位

    可以设置4个属性值:

    static(静态定位)

    relative(相对定位):相对于自身原有位置进行偏移,仍处于标准文档流中,随即拥有偏移属性和z-indexz-indexz属性

    absolute(绝对定位) :建立了以包含块为基准的定位,完全脱离了标准文档流,随即拥有偏移属性和z-index属性,当一个元素设置了绝对定位,该元素的快读随着内容的变化而变化。

    无已定位祖先元素,以<html><html><><>为偏移参数基准;有已定位祖先元素,以距其最近的已定位祖先元素为偏移参照基准。

    fixed(固定定位)

  • 相关阅读:
    一张图片入门Python
    4.1. 如何在Windows环境下开发Python
    你必须知道的EF知识和经验
    XUnit的使用
    如何使用NUnit
    Entity Framework 不支持DefaultValue
    Have You Ever Wondered About the Difference Between NOT NULL and DEFAULT?
    Validation failed for one or more entities. See 'EntityValidationErrors' property for more details
    Entity Framework 与多线程
    sqlite中的自增主键
  • 原文地址:https://www.cnblogs.com/shirandedan/p/5314778.html
Copyright © 2011-2022 走看看