链接标签和css选择器

一、核心属性就是href(属性值可以是一个跳转的地址)

二、路径:绝对路径   相对路径   盘符根路径

    1.绝对路径:从盘符开始,然后依次的往下查找。

                         本地:C:/Users/Administrator/Desktop/0527day01/07.html

                         服务器:http://www.baidu.com

    2.相对路径:从当前文件开始,如果下一级目录就直接写文件夹名,上一级用../表示。

    3.盘符根路径:直接可以跳转到当前文件所有的盘符根目录中 /

三、form属性:action 提交的地址,通常为服务端的地址,如果不写,默认往本页提交。

                         method 提交的方式。get/post 如果不写,为get提交。

                         input、button是一个行内块标签。

                         input是表单的核心标签,通过修改input标签中的type属性来改变展现的样式。

四、css的使用方式()

       1.行内样式(内联样式)

        <标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签>

       2.页面嵌入(内部样式表)

        在head标签里面增加一个子标签

       <style>

        选择器{

                    属性名1:属性值1;

                    属性名2:属性值2;

                    ......

                    }

        </style>

  3.外部文件(外部样式表)

     在head标签里面增加一个子标签

     <link rel="stylesheet" href="css文件的路径" />

4.外部导入样式

   主要用在样式初始化。

css语法: (符号都是英文状态下的)

 <style>

        选择器{

                    属性名1:属性值1;

                    属性名2:属性值2;

                    ......

                    }

        </style>

五、css------选择器:

                                   ID选择器:1.使用id选择器:在元素上面增加一个id属性,id属性的属性值不用用数字开头。

                                                     2.一个页面中只能有一个id属性值。

                                                     3.css中id选择的表示方法用 # 表示。

                                  class选择器:1.使用class选择器:在元素上增加一个class属性,class属性的属性值不能用数字开头。

                                                         2.一个页面中可以有多个class属性值。

                                                         3.css中class选择器的表示方法用 . 表示。

标签选择器:直接写标签名。

组合选择器:选择器直接用,分隔开即可。

子代选择器:> 只针对子代。

后代选择器:用空格表示,包含着子代选择器。

通用选择器:* 针对于所有的标签。

六、选择器是有权重的:

                                      1.内联样式                      1000

                                      2.id                                  100

                                      3.class                             10

                                      4.元素                               1

                                      5.通用                               0

                                      6.:hover                            10

                                      7.boss !important            只要出现,就以这个为主。

*权重越高,冲突部分的样式就以权重高的为主,并不是说这个选择器没有用了,而是里面冲突的样式。

七、css文本类样式标签:

                                        1.text-align                     文本对其方式

                                        2.text-decoration            文本下划线

                                        3.color                            设置字体的颜色

                                        4.line-height                   文本的行高

                                        5./*font-family                 设置字体的样式

                                        6.font-style                     规定字体是否倾斜

                                        7.font-size                      设置字体的大小

备注:

在浏览器中,默认的字体大小16px

谷歌浏览器中,字体大小最小可以为12px

火狐没有限制

八、元素三大类:

                            1.行内 inline

                            2.块级 block

                            3.行内块 inline-block

原文地址:https://www.cnblogs.com/ggss/p/10936250.html