| 红尘梦| 红尘醉
CSS的四种基础选择器使用方法和介绍 - 站长资源网
  • 首页
  • 网站源码
    • 实用源码
    • 小说源码
    • 游戏源码
    • 导航源码
    • 影视源码
    • 企业门户
    • APP源码
    • 小程序源码
  • 程序模板
    • EMLOG模板
    • 织梦CMS模板
    • 杰奇CMS模板
    • 苹果CMS模板
    • WordPress模板
  • 编程学习
    • JS教程
    • CSS教程
    • HTML教程
    • JAVA学习
    • SQL学习
  • 福利分享
    • 软件分享
  • 技术教程
    • SEO教程
  • 随心笔记
  • 插件工具
    • JAVA工具
    • EMLOG插件
    • 采集规则
  • 更多功能
    • 留言吐槽
    • 文章归档
    • 我的邻居
    • 公告动态
    • 关于博主


登录后,享受更多优质服务哦
大哥! 个人中心退出登录
导航菜单
  • 首页
  • 网站源码
    • 实用源码
    • 小说源码
    • 游戏源码
    • 导航源码
    • 影视源码
    • 企业门户
    • APP源码
    • 小程序源码
  • 程序模板
    • EMLOG模板
    • 织梦CMS模板
    • 杰奇CMS模板
    • 苹果CMS模板
    • WordPress模板
  • 编程学习
    • JS教程
    • CSS教程
    • HTML教程
    • JAVA学习
    • SQL学习
  • 福利分享
    • 软件分享
  • 技术教程
    • SEO教程
  • 随心笔记
  • 插件工具
    • JAVA工具
    • EMLOG插件
    • 采集规则
  • 更多功能
    • 留言吐槽
    • 文章归档
    • 我的邻居
    • 公告动态
    • 关于博主
CSS教程

CSS的四种基础选择器使用方法和介绍

2019/4/19 站长资源网  CSS教程 1925 0

CSS选择器是什么?

         

      CSS选择器:使用CSS的那个标签的标签名就是选择器,意为:选择哪个容器。

      CSS选择器有两大类,分别是基础选择器 和 高级选择器,这篇文章所讲的是CSS里面的基础选择器的使用方法简介。

  


基础选择器

 

     基础选择器里面也包括了四种选择器,分别如下:

     标签选择器:对应某类标签

        ID选择器:对应使用该ID的标签

    class选择器:标签可以通过class属性调用

 通用符选择器:对应所有的标签

     

标签选择器

  

     制作一个标签选择器,选择器名为div,直接设置名称并且设置css样式即可。

div {color:red}


    在html里面 只要是div标签,就会引用上面这个css样式

<div>你好,世界</div>

   

    说明:上面这两串代码的意思是,制作一个标签选择器,选择器名为div,只要是div标签,都会调用所对应的那个css样式。



ID选择器

  

   首先为标签设置一个ID,P标签的ID是 123

<p id="123">你好,世界</p>


   制作一个ID选择器,选择器所对应的ID是 123,ID选择器所使用的是 # 这个符号。

#123 {color:red}

   

   p标签的id为123,然后在css文件里面制作一个所对应的选择器,p标签就会调用ID对应的那个选择器。


class选择器

  

  在css文件里面制作一个class选择器,用到的是 . 这个符号

.txt {color:red}
  然后在HTML里面通过class属性调用制作的样式

<p class="txt">你好,世界</p>



 点赞:0  打赏  分享  海报

  • 打赏支付宝扫一扫
  • 打赏微信扫一扫
  • 打赏企鹅扫一扫
作者头像 作者名称 作者性别
站长资源网
联系作者 作者主页

热门推荐

1 CSS使用元素靠右的代码 margin-left: auto!important
2 CSS3 动画按钮特效炫酷鼠标悬浮特效
3 CSS3 鼠标悬停到图片显示动画特效加简介
4 CSS代码 鼠标触碰图片,图片变大 代码实例
5 在CSS里面常用的三种调用颜色方法
6 自定义网页滚动条 通过CSS代码制作专属于你网站的滚动条

评论列表

取消回复

随机文章

    • 苹果CMS V8 黑色高端自适应模板 带留言板
      • 苹果CMS V10 全站伪静态教程 伪静态规则分享 宝塔Linux系统
        • 苹果CMS V8 韩剧TV 一款特别精美漂亮的模板 包含PC端+WAP端
          • EMLOG插件 一款强大的采集插件 小菜鸡采集v1.3 破解版
            • 苹果CMS V10 文章资讯采集规则+免登陆入库发布规则 火车头采集规则
  • 分类

    • 网站源码
    • 程序模板
    • 插件工具
    • 技术教程
    • 福利分享
    • 编程学习
    • 随心笔记
    • 网络资讯
    • 商城专区
    • 广告商广告
  • 标签

    MP3 (1) PTCMS采集规则 (3) 和平精英 (1) HTML5源码 (4) 软件下载单页 (2) 王公子资源网 (1) 宝塔 (1) 鼠标悬停 (1) 仿Win8 (1) 引导页 (4) 自媒体模版 (1) 卡通 (1) PTCMS模板 (2) 织梦CMS安装 (2) 纯静态源码 (1) 地图展示 (1) 苹果弹幕播放器 (1) 学院类源码 (1) 模板安装教程 (1) 网站单页 (1) 代码实例 (2) 短网址生成源码 (1) 织梦教程 (1) typecho主题 (1) 秒拍主题模板 (1) 微信小程序源码 (1) 漫画系统 (1) SEO技术 (6) 二级域名分发系统 (1) 知更鸟模板 (1)
  • Emlog简约资源分享主题

    • 采用了简约单调的风格
    • 比较适合资源分享网
    • 一反常态的模板风格类型
    • 全站自适应资源网主题
    • 原创制作的第一款EMLOG模板
    0元

    需要就请骚扰我

    立即下载
  • 网站统计 I 当前在线:2人

    • 本站管理:1位
    • 用户总数:756位
    • 置顶文章:2篇
    • 日志总数:434篇
    • 微语总数:0条
    • 评论总数:5130条
    • 标签总数:655条
    • 页面总数:4页
    • 分类总数:33个
    • 链接总数:13条
    • 运行天数:1242天
    • 最后更新:6月1日
  • 用户登陆

    
    
    找回密码

    找回密码

    密码已找回?返回登陆

    用户注册

    
    
    စ
    
    已有账号?返回登陆
    Copyright © 2022站长资源网 程序:Emlog5.31 主题:Meta 3.54

    广告合作联系Q:122855611

    • 首页
    • 搜索
    • 模板
    • 用户

    大家都在搜

    • 采集api
    • 抖音去水印
    • 华为6G
    • WordPress主题
    • 古风摄影类
    • 织梦CMS模版
    • 华为鸿蒙
    • 红尘梦
    • 净化工程类
    • 通用类企业模版
    • 翻墙软件
    • 采集规则
    • 短视频去水印
    • 化工原料类源码
    • 实用软件
    • 建筑工程类通用模版
    • 
    • 