您的位置:首页 > Web前端 > CSS

CSS

2015-09-16 19:31 591 查看

CSS基础

CSS 概述
    CSS 指层叠样式表 (Cascading Style Sheets) 
    样式定义如何显示 HTML 元素 
    样式通常存储在样式表中 
    把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 
    外部样式表可以极大提高工作效率 
    外部样式表通常存储在 CSS 文件中 
    多个样式定义可层叠为一 
CSS语法础
    CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。
1、CSS背景
    background 简写属性,作用是将背景属性设置在一个声明中。 
    background-attachment 背景图像是否固定或者随着页面的其余部分滚动。 
    background-color 设置元素的背景颜色。 
    background-image 把图像设置为背景。 
    background-position 设置背景图像的起始位置。 
    background-repeat 设置背景图像是否及如何重复。 

2、CSS文本
    color 设置文本颜色 
    direction 设置文本方向。 
    line-height 设置行高。 
    letter-spacing 设置字符间距。 
    text-align 对齐元素中的文本。 
    text-decoration 向文本添加修饰。 
    text-indent 缩进元素中文本的首行。 
    text-shadow 设置文本阴影。CSS2 包含该属性,但是 CSS2.1 没有保留该属性。 
    text-transform 控制元素中的字母。 
    unicode-bidi 设置文本方向。 
    white-space 设置元素中空白的处理方式。 
    word-spacing 设置字间距。 

3、CSS字体
    font 简写属性。作用是把所有针对字体的属性设置在一个声明中。 
    font-family 设置字体系列。 
    font-size 设置字体的尺寸。 
    font-size-adjust 当首选字体不可用时,对替换字体进行智能缩放。 
    font-stretch 对字体进行水平拉伸。
    font-style 设置字体风格。 
    font-variant 以小型大写字体或者正常字体显示文本。 
    font-weight 设置字体的粗细。 
4、CSS伪类
    :active 向被激活的元素添加样式。  
    :focus 向拥有键盘输入焦点的元素添加样式。  
    :hover 当鼠标悬浮在元素上方时,向元素添加样式。 
    :link 向未被访问的链接添加样式。  
    :visited 向已被访问的链接添加样式。  
    :first-child 向元素的第一个子元素添加样式。  
    :lang 向带有指定 lang 属性的元素添加样式。 

5、CSS伪元素
    :first-letter 向文本的第一个字母添加特殊样式。  
    :first-line 向文本的首行添加特殊样式。  
    :before 在元素之前添加内容。  
    :after 在元素之后添加内容。 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: