zoukankan      html  css  js  c++  java
  • css使用技巧

    1) 网站上经常会出现用户输入一大段字符和字母以至于文字无法正常折行,把版式破坏,这样我们就要参考以下样式:word-wrap:break-word; overflow:hidden; 当然必须得有宽度属性值。

    2) 文字过长要出现省略号样式如下:

    white-space: nowrap; text-overflow:ellipsis; overflow:hidden;

    3) 一个完整的表单应该包括:

    <fieldset>
    <legend></legend>
    <label></label>
    <input />
    </fieldset>

    4)按照推荐Css属性书写顺序:

    显示属性:

    display || visibility
    list-style : list-style-type || list-style-position || list-style-image
    position
    top || right || bottom || left
    z-index
    clear
    float

    自身属性:   

    width
    max-width || min-width
    height
    max-height || min-height
    overflow || clip
    margin : margin-top || margin-right || margin-bottom || margin-left
    padding : padding-top || padding-right || padding-bottom || padding-left
    outline : outline-color || outline-style || outline-width
    border
    background : background-color || background-image || background-repeat || background-attachment || background-position

    文本属性:

    color
    font : font-style || font-variant || font-weight || font-size || line-height || font-family
    font : caption | icon | menu | message-box | small-caption | status-bar
    text-overflow
    text-align
    text-indent
    line-height
    white-space
    vertical-align
    cursor

  • 相关阅读:
    DNS正向解析实现
    基于bind软件部署DNS服务器
    DNS解析工具使用案例
    DNS服务工作原理
    3
    .deb/.whl/.tgz/.tar/gz软件包安装方式(Ubuntu)
    博客系列目录
    Databricks 第3篇:pyspark.sql 通过JDBC连接数据库
    Databricks 第2篇:pyspark.sql 简介
    数据预处理 第4篇:数据预处理(sklearn 插补缺失值)
  • 原文地址:https://www.cnblogs.com/zmh7057/p/3812544.html
Copyright © 2011-2022 走看看