zoukankan      html  css  js  c++  java
  • CSS常用代码大全

    一.文本设置

    font-size: 字号参数

    font-style: 字体格式

    font-weight: 字体粗细

    颜色属性
    color: 参数
    注意使用网页安全色

    二、超链接设置

    text-decoration: 参数
    主要用途是改变浏览器显示文字链接时的下划线。

    参数取值范围:
    underline:为文字加下划线
    overline:为文字加上划线
    line-through:为文字加删除线
    blink:使文字闪烁
    none:不显示上述任何效果

    三、背景

    背景颜色
    background-color: 参数

    背景图片
    background-image: url(URL)
    URL就是背景图片的存放路径,none表示无。

    背景图片重复
    background-repeat: 参数
    参数取值范围 :
    no-repeat:不重复平铺背景图片
    repeat-x:使图片只在水平方向上平铺
    repeat-y:使图片只在垂直方向上平铺
    如果不指定背景图片重复属性,浏览器默认的是背景图片向水平、垂直两个方向上平铺。

    背景图片固定
    背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性,浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时转移浏览者的注意力,一般都设为固定
    background-attachment: 参数
    参数取值范围:
    fixed:网页滚动时,背景图片相对于浏览器的窗口而言,固定不动
    scroll:网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动

    四、区块

    单词间距
    word-spacing: 间隔距离

    字母间距
    letter-spacing: 字母间距

    文本对齐
    text-align: 参数
    参数的取值:
    left:左对齐
    right:右对齐
    center:居中对齐
    justify:相对左右对齐
    垂直对齐
    vertical-align: 参数
    top:顶对齐
    bottom:底对齐
    text-top:相对文本顶对齐
    text-bottom:相对文本底对齐
    baseline:基准线对齐
    middle:中心对齐
    sub:以下标的形式显示
    super:以上标的形式显示

    文本缩进
    text-indent: 缩进距离
    12px相当于一个文字距离
    空格
    white-space: 参数
    normal 正常
    pre 保留
    nowrap 不换行
    显示样式
    display: 参数
    参数取值范围:
    block:块级元素,在对象前后都换行
    inline:在对象前后都不换行
    list-item:在对象前后都换行,增加了项目符号
    none:无显示

    五、方框

    height 高度

    width 宽度

    padding 内边距

    margin 外边距

    float(浮动):可以让块级元素在一行中排列,例如横向菜单。

    clear 清除浮动

    六、边框

    样式
    border style 参数
    边框样式的参数:
    none:无边框
    dotted:边框为点线
    dashed:边框为长短线
    solid:边框为实线
    double:边框为双线

    宽度
    border width 参数

    颜色
    border color 参数

    七、列表

    list-style-type 列表样式
    不同浏览器的列表符可能不相同,可能会影响到网页,所以网页中的列表大多都是由背景图片显示。
    控制用户界面的样式

    八、鼠标

    cursor:鼠标形状参数
    CSS鼠标形状参数表:
    鼠标形状:CSS代码
    style="cursor:hand"      手形
    style="cursor:crosshair"   十字形
    style="cursor:text"      文本形
    style="cursor:wait"      沙漏形
    style="cursor:move"     十字箭头形:
    style="cursor:help"      问号形
    style="cursor:e-resize"    右箭头形
    style="cursor:n-resize"    上箭头形
    style="cursor:nw-resize"   左上箭头形
    style="cursor:w-resize"    左箭头形
    style="cursor:s-resize"    下箭头形
    style="cursor:se-resize"   右下箭头形
    style="cursor:sw-resize"   左下箭头形

    Copyright/©2020 LaBiXiaoChen, Inc. All rights reserved. 技术无罪,自由无罪。如有侵权,告知删除!谢谢
  • 相关阅读:
    使用JQuery结合HIghcharts实现从后台获取JSON实时刷新图表
    Highcharts获取json数据展现pie饼图
    java数据类型,hibernate数据类型,标准sql数据类型之间的对应表
    hibernate 使用sql 查询(setResultTransformer)
    createSQLQuery的addEntity跟setResultTransformer方法
    spring+hibernate中的Result object returned from HibernateCallback isn't a List
    改变MyEclipse创建JSP时默认的pageEncoding编码
    poj 1330 Nearest Common Ancestors 单次LCA/DFS
    poj 1328 Radar Installation 排序贪心
    brainfuck 解释器
  • 原文地址:https://www.cnblogs.com/7haoyu/p/14591996.html
Copyright © 2011-2022 走看看