css

Posted 倒立的蜗牛

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css相关的知识,希望对你有一定的参考价值。

 雪碧图
.div1{
    width:229px;
    height:186px;
外线
    outline: 1px solid darkred;
图片路径
    background-image: url("../1/img/1.jpg");
    background-size: 1000px 752px;
定位
    background-position: -18px -46px;
}
鼠标移至变色
.div1:hover{
    width: 158px;
    height: 196px;
    outline: 1px solid darkred;
    background-image: url("../1/img/1.jpg");
    background-size: 1000px 752px;
    background-position:-315px -36px;

    cursor: pointer;
}

字体处理


字体名称:font-family(可指定多字,逗号分开)
字体倾斜:font-style
字体变体:font-variant
字重:font-weight 100-900(400一般。900最重)
字体大小:font-size

文本属性

文本缩进:text-indent:3em
对齐:text-align、(center、left、right)
文本修饰:text-decoration
文本阴影:text-shadow:red
行高:line-height
字间距:letter-spacing
词间距:word-spacing
设置文本大小写形式:text-space
空白显示形式:white-space

设置元素字体颜色及背景

前景色:color
背景色:backgroud-color
背景图像是否铺排:backgroud-repeat
背景图像随内容滚动还是固定:backgroud-attachment
背景图像显示位置:backgroud-position
设定背景图像:backgroud-image  (URL....)
大小:backgroud-size
超出部分剪掉:backgroud-cover

 

以上是关于css的主要内容,如果未能解决你的问题,请参考以下文章

css [css:fadeout / fadein] css示例。 #css

css基础 CSS 组合选择符CSS 伪类CSS 伪元素

css 深度提示#css中的css base builder CSS

css基础 CSS 媒体类型CSS 属性 选择器CSS 表单CSS 计数器

什么是css

测开之CSS・第一篇《CSS语法基础》