web前端

 选择器有哪些 ； 标签，通配符，类名  

        选择器的范围越精确，优先级就越高

        id选择器；

            语法；html;通过定义id属性<div  id="box1">444</div>

                  css;以#进行标识。

                  #id名称{样式声明；}

                  作用；选择所以带有指定id名称的元素

                  权重；100

                  注意；具有唯一性。一般用于页面中唯一的元素。头部，经常和javascript搭配使用

 

         命名规范； 1，字母，数字，下划线，$组成。

                   2，不能以数字开头

                   3，见名知意，尽量用英文

                   4，多个单词，驼峰命名法（LeftBoxTop    中划线Left-box,下划线

 

          字体属性；1，font-family

                      作用；设置文本的字体系列

                      取值；一个字体名称

                      微软雅黑   浏览器的默认字体

                    多个字体；逗号隔开；

                       如何浏览器不支持第一字体，则会尝试下一个字体

                    注意；如果字体名称里面包含空格，汉字，特殊符号，必须加引号。

                    2，字体大小

                      font-size;

                      取值；长度值（px)

                      16px  大多数浏览器默认字体大小为16px

                      百分比；相对于父元素进行计算

                      em相对单位；如果用于字号，相对于父元素字号进行计算。如果用于其他属性

                      相对于当前元素的字号进行计算  

                     3，字体的样式

                          font-style;

                          取值；normal  正常显示（默认值）

                                italic   斜体显示

                     4，字体加粗

                        font-weight

                        取值；关键字；normal   正常显示（默认值）

                                      bold   加粗

                                   九级字重；  100~900；400相当于normal;700相当于bold

                     5,行高(文本之间的行间距)  

                            line-height ;

                            测量；文字高+行间距

                            取值；px  

                            number

                           

                           

                    文本属性；

                    1，tetx-align

                    作用；设置文本水平对齐方式

                    取值；left局左对齐 默认值

                          right居右对齐

                          center居中对齐

                          justify两端对齐

                          注意；适用于块级元素

                   2，text-decoration

                      作用；设置文本装饰线

                      取值；underline 下划线

                            line-through  中划线

                            overline  上划线

                            none  默认值  去掉文本装饰线

                   3，text-indent

                   作用；设置文本的首行缩进

                   取值；px,em

                        百分比  相对于元素内容宽进行计算

                        允许负值

                   4，color

                      作用；设置字体颜色

                      取值；颜色名称；red,pink

                      16进制色值；语法；#rrggbb    

                      rgb颜色表示方法；r；红  g；绿 b；蓝                        

                    语法；rgb(r,g,b)