JAVAWEB CSS 选择器

最新推荐文章于 2022-09-04 15:14:53 发布
最新推荐文章于 2022-09-04 15:14:53 发布
阅读量165 收藏
点赞数
分类专栏： JAVAWEB #CSS 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chengqingshihuishui/article/details/108309633
版权

一、概述 

   选择器位于 头部文件的 style标签中。

CSS属性 去网上找下CSS词典（手册），在线的词典有W3c schoolhttps://www.w3school.com.cn/cssref/index.asp#font

<head>

    <style>

      CSS选择器语法

   </style>

</head>

一、标签名选择器

1、语法

标签名{

    属性：值；

    属性：值；

}

 

二、id选择器

id选择器，可以让我们通过id属性选择去使用这个样式，id选择器只认id，不管啥标签的id

1、语法

#id属性值{    <!--比如 #id001 需要在某HTML标签中，给出id="001">

   属性：值；

    属性：值；

}

三、类型选择器

【标签名】.class属性值{    <!--比如处理给定（所有）html标签中，class="class01" -->

   属性：值；

    属性：值；

}

class选择器，可以让我们通过class属性选择去使用这个样式，class选择器只认class，不管啥标签的class

注意：html标签中的class属性允许多个。<element class="classname">如需为一个元素规定多个类，用空格分隔类名。比如 <span class="left important">.  给span标签定义了 left 和 important两个类。如果两个类里面有相同的css样式，后一个会覆盖前一个类的样式

四、组合选择器

可以让多个选择器共用同一段css样式代码。

选择器1，选择器2，选择器n{     <!--选择器可以是标签名，id，class">

   属性：值；

    属性：值；

}

澄清石灰水t
关注
专栏目录
CSS 三种基础选择器
天空之外
08-28 6529
本节我们来学习 CSS 中的选择器，选择器是 CSS 里面一个很重要的概念，HTML 中的所有标签样式，都是通过不同的 CSS 选择器进行控制的。我们只需要通过选择器，就可以对不同的 HTML 标签进行选择，并指定各种样式声明。 在 CSS 中三三种最基本的选择器，分别是标签选择器、类选择器（class）、ID选择器。 我们知道在 HTML 页面中引入 CSS 样式最好的方法是引入外部样式，也就是将 CSS 代码单独放置到一个 .css 文件内，然后再引入这个 CSS 文件。 标签选择器 我们知道一个 HT
CSS 三种基本选择器
weixin_45672377的博客
12-14 566
标签选择器 格式 ：标签{} 实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三种基本选择器</title> <!--标签选择器--> <style> h1{ color: green; } </style&gt
css三种基本选择器（重要）
weixin_47556601的博客
01-26 2900
大家好，今天我们来分享一下css三种基本选择器 这是我们css当中的一大重点 写一段HTML的初始源代码： 1.标签选择器： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1> 相信我</h1> <p>你很
三种常用CSS选择器
weixin_46513229的博客
06-02 3414
CSS样式表的样式规则是由三个部分构成：Selector（选择器），Property（属性）和Value（属性的取值）。 基本的格式如下：Selector {property:value; property:value;…; property:value}
css学习(基础三种选择器)
kedat的博客
11-24 698
1.基础样式： 选择器{样式} <head> <title>css</title> <style> /* 选择器{样式} */ p { color:red; font-size: 120px; } </style> </head> 选择器列表 (1)....
JavaWeb——css基础知识与它的三种使用方法和三种选择器
01-08
什么是css css，全称Cascading Style Sheets，中文名：层叠样式表。...选择器：浏览器根据“选择器”决定受CSS样式影响的HTML元素（标签,id或者类） 属性（ property）是你要改变的样式名，并且每个属性
javaweb html css3 jquery javascript oracle
05-20
CSS3引入了许多新特性，如媒体查询（Media Queries）实现响应式设计，选择器增强，动画和过渡效果，以及新的布局模式如Flexbox和Grid。 4. **jQuery**：jQuery是一个JavaScript库，简化了JavaScript的DOM操作、事件...
java教程超全面javaweb教程28天day2- 05 css的基本选择器
08-31
java教程超全面javaweb教程28天day2-_05_css的基本选择器
java教程超全面javaweb教程28天day2- 07 css的扩展选择器
08-31
java教程超全面javaweb教程28天day2-_07_css的扩展选择器
css三种选择器
RXSB_12的博客
03-09 97
<html> <head> <style> /* 标签选择器 */ p{ color:red; font-size:24px; } /* 类选择器： 样式点（.）定义 结构类（class)调用 一个或多个 开发最常用 */ .style-color{ color:green; } .style-size{ font-size:90px; } #p-style{
css的三种选择器
小武Styles
05-08 1023
Insert title here <!-- css 三种基本选择器： 1、标签名选择器： 标签名｛ css代码 ｝ 2、class选择器 .class属性值{ css代码 } *功能一：让相同的标签显示 不同的效果。 二：让不同的标签显示出相同的效果。 3、ID选择器 #id属性值{ css 代码 } --> div
CSS三种基本选择器
lixingecho的博客
02-06 256
三种基本选择器的优先级： id > class > 标签 标签选择器 选择一类标签 标签{} <style> h1{ color: green; } </style> 类 选择器： 选择所有class属性一致的标签，跨标签 .class名称{} <!DOCTYPE html> <html lang="en"> <head>
CSS基本选择器
weixin_43903813的博客
01-09 83
三种基本选择器 作用：选择界面上的某一个或者某一类元素 基本选择器 标签选择器 标签选择器会选择到页面上所有的这个标签的元素 h1{ color: #225378; background: #b4a53b; border-radius: 30px; } h1为标签 类选择器 class 选择所有class属性一致的标签，跨标签 同一个标签，但是颜色不同，则不能用标签选择器。在标签内定义class，并在style中分别用类选择器定义颜色 好处：可以多个标签归类，是同一个class
web前端：CSS的三种选择器
dj3235的博客
06-12 534
标签选择器 标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码： p{font-size:12px;line-height:1.6em;} 上面的css样式代码的作用：为p标签设置12px字号，行间距设置1.6em的样式。 类选择器 类选择器在css...
CSS的几种核心选择器
老陈聊架构
01-09 444
CSS的几种核心选择器 核心选择器： 标签选择器：针对一类标签 类选择器：针对你想要的所有标签使用 ID选择器：针对某一个特定的标签使用 伪类选择器:针对一些标签具体的行为使用 优先级：Id选择器 &amp;gt; class选择器 &amp;gt; 标签选择器 1.标签选择器 标签选择器，选择的是页面上所有这种类型的标签，优先级较低”。 &amp;lt;style type=&quot;text/css&quot;&amp;
CSS的三个基本选择器
liupc的学习笔记
03-04 3434
css的选择器 要对哪一个标签里面的数据进行操作。哪一个标签就是选择器。 选择器分为基本选择器和扩展选择器。 基本选择器有三种：标签选择器、class选择器、id选择器。 一、标签选择器 定义：使用标签名作为选择器的名称。 例1： //标签选择器.html ...
CSS选择器及三大特性
m0_68642393的博客
09-04 1332
选择器、CSS三大特性
css学习——三种基本选择器
greedyguttler的博客
03-01 265
选择器（选择某一个或某一类元素） 基本选择器 标签选择器 /*标签选择器会选择页面上所有的这个标签的元素*/ <style> h1{ color:#a13d30; background:#1D8E46； border-radius:24px; } /*color字体颜色 background背景颜色 border-radius圆角*/ p{ font-size:80px; } /*修改字体大小，让p标签的字比h1标签的还大*/ </style> 类选
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值