zoukankan      html  css  js  c++  java
  • 适合小白阅览{6种选择器}外加CSS样式表的建立

    六种选择器:标签选择器

          id选择器

          class选择器

          后代选择器

          子代选择器

          交集选择器

    简单说下者6种选择器:

          标签选择器就是用标签来命名的内容,例如<p>标签选择器</p>在style里添加样式的时候就是p{}。这种适合在没有相同标签的情况下使用

          id选择器就是给这个标签起个id例如<p id="a“>id选择器</p>那他在style里添加样式的格式就是#a{}。id起名添加样式的时候必须在名字前面加#键。

          class选择器就是类选择器,给标签用class起名字例如<p class="b">class选择器</p>他在添加样式的格式就是.b{}   它的名字前面必须加英文状态下的.

          后代选择器他的标签嵌套多层关系,例如你和你的爸爸都是你爷爷的后代的关系。

          子代选择器它的标签嵌套只有1层关系,例如你是你是你爸爸的子代的关系。

          交集选择器就像一个人有本身自己的名字,但别人还给他起了几个外号,无论你叫外号还是他的名字,都是在叫他的关系。

    CSS样式表的建立:

          内部样式表:内部样式表是在<head>标签里输入的。语法例子:<style type="text/css">

                                         div{  这里输入想要添加的样式

                                            }

                                        </style>

          内联样式表:内联样式表是直接在标签内输入的。语法例子:<div style="属性:属性值;">内容</div>

          外联样式表:写在头部标签<head>里的。语法例子 :<link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称/>    再创建一个CSS类型文件,在里面输入添加样式。  

          说明: rel用于定义文档关联,表示关联样式表

            type用于定义文档类型.可以不写。

    --------------------------------------------------------------------------------------------------------------------------------------------------

    以上便是今天的内容,若有不对请在下方评论出来

                                       

  • 相关阅读:
    PAT 甲级 1041 Be Unique (20 分)(简单,一遍过)
    [精]Odoo 8.0深入浅出开发教程-模块开发基础
    iOS开发- UILabel 自己主动换行 及 高度自适应
    Android
    权限管理表结构设计
    创建SQL语句_面试
    Hasen的linux设备驱动开发学习之旅--时钟
    关于源程序到可运行程序的过程
    微信服务号 微信支付开发
    MongoDB基础入门视频教程
  • 原文地址:https://www.cnblogs.com/wkxdd/p/9628136.html
Copyright © 2011-2022 走看看