zoukankan      html  css  js  c++  java
  • 链接标签和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

  • 相关阅读:
    Node.js的安装与配置【转载】
    The Tomcat connector configured to listen on port 8080 failed to start. The port may already be in use or the connector【端口号被占用】
    MVC登陆认证简单设置
    Winform无边框窗体拖动
    Winform截图小程序
    C#Winform实时更新数据库信息Demo(使用Scoket)
    记DateTime.Now.ToString()遇到的一个坑
    T4模板的一些配置(从EF数据更新)
    设计模式之策略模式
    打造高效的研发组织架构:高效研发流程那些事(一)——读《技术领导力实战笔记》摘要
  • 原文地址:https://www.cnblogs.com/ggss/p/10936250.html
Copyright © 2011-2022 走看看