CSS的基础知识

css的书写方式

                ●css放置在head内部 style标签对内部

                ●css三种书写方式：

                               内联样式：书写style 标签对内部           

                               外链样式：link  工作项目中使用            

                                行内样式：直接书写在标签上面 不推荐使用       

                                 如：<div style="border:10px solid  red;background:blue"></div>

css的选择器

                ▲ 标签选择器:通过标签名选择标签，如：div{}

                ▲ 类选择器:通过类名获取标签 .类名,如：.classname

                ▲ id选择器:通过id名获取标签  #id名,如：#idname

                ▲ 子代选择器:使用>  div>p选择div第一层包裹的p

                ▲ 后代选择器:通过空格隔开,如：div p

                ▲ 并集选择器:使用逗号并集选择器只能叠加每一个单一的选择器 。如： div,div p,.one

                ▲ 全局选择器:以*开头(星号标在大括号前，修饰了包含body所有的标签) 如：*{}

                ▲ 属性选择器:[ ] 如：[type=text]修饰属性为type=text的模块)

        选择器权重： *<标签选择1g<类名选择器1kg<id名选择1吨<行内样式<!important(提升的是一                               个样式，而不是一个选择器)

常用的css样式

• 文字的设置        

        font-size: 14px; /* 文字大小 */（注：文字大小默认16px,不能小于12px）

        color:#8c7d47;        /* 文字颜色 */

        font-family: "楷体";    /* 字体 */

        font-weight: normal;     /*normal不加粗，bold加粗 */

        text-indent: 3em; /* 首行缩进，em相当单位，参照物当前文字大小 */

        font-style: italic;     /* 文字倾斜,不    倾斜用normal */

        text-decoration: underline;   /* 文字下划线 ,去除下划线用none*/  

        line-height: 12px;     /* 行高 */

        text-align: center;    /* 文字居中，right居右，left居左 */

• 其他的设置

        width:100px;     /*设置宽度  */

        height：200px;    /*设置高度  */

        border-radius: 10px;      /*圆角  */

        border-top-left-radius: 20px;    /* 只设置一个方向的圆角 */