zoukankan      html  css  js  c++  java
  • CSS选择器

    引言

        我们知道,我们每个人都有一个居民身份证来代表自己的身份,那么在网页中为了识别各个元素。也须要为元素来加入标记。这就是所谓的“CSS身份证”

     

    选择器分类

        世界上不同国家的人就会有不同的居民身份证。因此选择器也有自己的分类。

        标记选择器、类别选择器、ID选择器

     

     

    标记选择器:为标记加入样式。----------------P、<h>标记等

       类别选择器:在标记选择器的应用之下,能够通过加入类别选择器来更改用户想达到的效果。

       ID选择器:与类别选择器类似。可是仅仅是可以应用一次。

      

    选择器的差别


       凝视:标记选择器范围更广一些,类别与ID选择器的差别仅仅在于ID选择器仅仅能用一次。

    选择器的大小

       类别选择器>ID选择器>标记选择器

     

    牛刀小试

    <html>
    <head>
    <style type="text/css">
    <!--
    .one{       <!--为不同的选择器加入不同的样式-->
    	color:blue;
    	font-size:18px;
    }
    #one{
    	color:red;
    	font-size:18px
    }
    -->
    </style>
    </head>
    <body> 
    <h1 class="one">人生自古谁无死。留取丹心照汗青</h1>    <!--类别选择器-->
    <h1 class="one">人生自古谁无死。留取丹心照汗青</h1>
    <h1 id="one">人生自古谁无死,留取丹心照汗青</h1>           <!--ID选择器-->
    </body>
    </html>
    
    

     

     

    总结

        以上就是有关选择器的所有内容,简单的说就是通过对网页中的元素加入标记来对应的加入样式。

        到此,所有CSS的知识已经学习完了。可能大家会有质疑为何会这么少,由于对于CSS的学习是通过在实践中来逐渐的熟悉应用。

    尤其是网页的排版、元素的设计等,但对于本身CSS来说没什么好学习的,以下是一个学习的网页,有兴趣的能够看一下。练下手。

    Html參考手冊

    CSS基础教程

  • 相关阅读:
    天真
    投机取巧——Label控件变Line控件
    忽然想起当年我做水泥工的日子
    欢迎来到 wwh 的博客!
    Jenkins配置
    nginx启动停止脚本
    youget下载视频
    git同步代码
    Vue(26)eltree树形控件实现鼠标hover显示与隐藏
    Vue(27)vuecodemirror实现在线代码编译器
  • 原文地址:https://www.cnblogs.com/lytwajue/p/6728173.html
Copyright © 2011-2022 走看看