zoukankan      html  css  js  c++  java
  • 界面设计常用CSS属性

    CSS常用属性整理:

    1 字体属性

    font-family 设置使用的字体

    font-style 设置字体的样式,是否斜体

    font-variant 设置字体的大小写

    font-weight 设置字体的粗细

    *font-size 设置字体的大小

    2 颜色和背景属性

    *color 设置元素前景色

    *background-color 设置元素背景色

    background-imge 设置元素背景图案

    background-repeat 设置背景图案的重复方式

    background-attachmen 设置背景图案的滚动方式

    background-position 设置背景图案的初始位置

    3 文本属性

    *text-align 设置文本的对齐方式

    *text-indent 设置文本的首航缩进

    *line-height 设置文本的行高

    a:link 设置链接未访问的状态

    a:visited 设置链接访问过的的状态

    a:hover 设置链接的鼠标激活状态

    4. 块属性

    margin-top 设置顶边距

    margin-right 设置右边距

    padding-top 设置顶端填充距

    padding-right 设置右侧填充距

    5 边框属性

    border-top-width 设置顶端边框宽度

    border-right-width 设置右端边宽宽度

    width 设置图文混排的宽度属性

    height 设置图文混排的高度属性

    6 项目符号和编号属性

    display    设置是否显示

    white-space 设置空白部分的处理方式

    7 层属性定位

    Absolute  设置绝对定位

    Relative 设置相当定位

    Static 设置无特殊定位

     其他常用属性

    a 标签去下划线:text-decoration:none

    a标签移入显示提示性文字或图片:显示是文字title="";图片的话就用ALT=“”

      例子:
      <a href="http://www.baidu.com" title = "点击进入百度">百度</a> 
      <img src="http://www.baidu.com/img/logo.gif" alt="百度图标"/>

    div添加阴影效果:box-shadow:10px 10px 5px 10px #ccc inset;依次是水平阴影长度、垂直阴影长度、阴影模糊值、阴影外延值、阴影颜色、此值为空时为外阴影,设置成inset为内阴影

    div圆角效果:border-radius: 5px 5px 5px 5px;  依次是左上角、右上角、右下角、左下角缩进的像素

  • 相关阅读:
    填坑!!!virtualenv 中 nginx + uwsgi 部署 django
    树的遍历与递归
    Python 函数的参数
    virtualbox安装增强功能时【未能加载虚拟光盘】
    深入理解Python中的生成器
    Genymotion下载慢或者下载失败的解决办法
    Python3 多线程的两种实现方式
    Java 多线程
    关于"裁员与面试"的个人感悟吧
    三、由简单对象组装复杂实例的模式:建造者模式
  • 原文地址:https://www.cnblogs.com/hcx999/p/6106484.html
Copyright © 2011-2022 走看看