练习记录 CSS属性

1、CSS语法概述

•     什么是CSS

        层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言，是描述标记语言页面格式的标准

•     作用

        ①美化网页
        ②层叠
        ③样式的优先级，当产生冲突时以优先级高的为准

2、CSS引入方式

•     行内样式

        优先级最高
        局限性：样式不可重复使用

•     内部样式
•     外部样式

        多个HTML文件可以使用同一个样式
可以重复使用

CSS选择器

•     基础选择器

        元素选择器
        id选择器
        class选择器
        通配符选择器

•     复合选择器

        后代选择器
        父子选择器

    CSS文字属性

            font-family         字体类型

            font- size        文本的字体大小
            font-style        文本的字体样式
            font-weight        文本的字体粗细
            font          在一个声明中设置所有的字体属性

图标字体

•     本质属于字体
•     可以随意的改变颜色、产生阴影、透明效果、旋转等

 文本属性

    color         设置文本颜色

    text-align        对齐元素中的文本
    text-decoration         向文本添加修饰
    line-height        设置行高

其他常用样式

    width:        元素的宽度

    height         元素的高度
    text-decoration        向文本添加修饰
    line-height        设置行高

盒模型

•     边框
•     内边距

        一个值：上右下左
        两个值：第一个值个上下，第二值左右
        三个值：第一个上，第二个左右，第三个下

•     外边距

        外边框合并问题
            给父元素增加透明边框：边框会增大元素的宽度
        display
            元素显示模型
        block
            块元素：可以设置宽高，不独占一行
        inline
            转换为行内元素，不可以设置宽高，不独占一行