CSS基础总结

Posted 2021-02-13 xjtsh

css基础

    1.选择器

        id选择器  #id值{}

        通配符选择器 *{}

        群组     选择器1,选择2{}

        后代     选择器1 选择器2{}

        子代     选择器1>选择器2{}

        伪类

            鼠标滑过

                :hover{}

            获取焦点    

                :focus{}

            鼠标未访问过

                :link{}

        class选择器 .class值

        标记选择器   标记名称{}

        id选择器 >class选择器

    2.框模型

        外边距:margin：值1  值2

                        上下 左右

        内边距:padding

        边框阴影

            box-shadow:x y blur color;

        边框

            border:1px solid red;

        3.背景属性

            背景固定

                background-attachment

            背景定位

                background-position

            背景尺寸

                background-size: 值1  值2;

            背景缩写

                background:url() no-repeat position

       4. 字体属性

            字体加粗  font-weight

            字体大小  font-size

            字体样式  font-style

            控制字体  font-family

        5.文本属性

            文本颜色   color

            文本阴影   text-shaodow

            文本修饰   text-decoration

            行高       line-height

            首行缩近   text-indent

        表格属性

        浮动特性

           float:left;

        怎样把行元素变成块元素

            float

        怎么解决高度塌陷

            1.让父元素浮动

            2.加块级子元素  让子元素clear:both

            3.给父元素设置高度

            4.设置父元素的overflow值为auto或者hidden