• css常用标签


    1.css背景样式
    background-color:背景色
    background-image:背景图
    url(背景图地址)
    默认:会水平垂直都铺满背景图
    background——repeat:平铺方式
    repeat-x:x轴平铺
    repeat-y:y轴平铺
    repeat(x,y都进行平铺,默认值)
    no——repeat 都不平铺
    background-position:背景位置
    x,y:number(px,%)|单词
    x:left:center:right
    y:top,cent,bottom
    background-position:背景图片滚动条移动的方式
    scroll:默认值(背景位置是按照当前元素进行偏移的)
    fixed(背景位置是按照浏览器进行偏移的)
    2.css边框样式
    border-style:边框样式
    solid:实线
    dasher:虚线
    dotted:点线
    border-width:边框大小
    px....
    border-color:边框颜色
    red #f00...
    边框也可以针对某一边进行单独设置:border-left-style:.......
    3.css文字样式
    font-family:字体类型
    英文字体:Arial,Times New Roman
    中文字体:微软雅黑,宋体
    注意点:
    1.多个字体类型设置目的
    2.引号的添加目的
    font-size:字体大小
    默认:16px
    写法:number(px)|单词(small large ...不推荐使用)
    font-weight:字体粗细
    模式:正常(normal) 加粗(bold)
    写法:单词(normal,bold)|number(600px以上是加粗)
    font-style:字体样式
    模式:正常 (normal) 斜体 (italic)
    写法:单词:normal,italic
    4.css段落样式
    text-decoration:文本装饰
    下划线:underline
    上划线:overline
    删除线:line-through
    不添加任何装饰:none
    添加多个文本修饰:underline,overline,line-through
    text-transform:文本大小写
    小写:lowercase
    大写:uppercase
    只让首字母进行大写:capitalize
    text-indent:文本缩进
    首行缩进:text-indent:numberpx
    em单位:相对单位,1em永远跟字体大小相对应
    text-align:文本对齐
    左对齐:text-align:left;
    右对齐:text-align:right;
    居中:text-align:center;
    两端点对齐:text-align:justify;
    line-height:定义行高(行高,一行文字的高度,上边距和下边距等价,默认行高不是一个固定值,根据当前字体大小再不断变化)
    取值:1.number(px)| scale(比例值,跟文字大小成比例的,1=16px)
    lett-spacing:定义字距离
    word-spacing:定义词距离(针对英文)
    强行折行:(针对英文,数字)
    1.word-break:break-all(非常强烈的折行)
    2.word-wrap:break-word:(不是那么强烈的折行,会产生一些空白区域)
    5.css复合样式
    符合写法:是通过空格方式实现的。复合写法有的不需要关心顺序,例如:background,border,有的需要关心顺序,例如:font
    1.background:red url() repeat 0 0;
    2.border:1px red solid
    3.font:
    注:最少要有两个值 size family
    weight style size family
    size/line—height

  • 相关阅读:
    POJ 1990 MooFest
    python的unittest測试框架的扩展浅谈
    星云測试- Android应用深度体检专业平台
    HDOJ 1507 Uncle Tom's Inherited Land*
    产品设计
    Linux网络编程--wireshark分析TCP包头的格式
    java读取中文分词工具(一)
    为datatable添加自增列
    Oracle 自己主动内存管理 SGA、PGA 具体解释
    TCP/IP基础
  • 原文地址:https://www.cnblogs.com/cengzhuquan/p/13305621.html
Copyright © 2020-2023  润新知