HTML中的Css常用选择器

最新推荐文章于 2024-07-14 03:14:21 发布
最新推荐文章于 2024-07-14 03:14:21 发布
阅读量239 收藏 2
点赞数 1
分类专栏： html 文章标签： html 开发语言 Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wlp1484735615/article/details/128607025
版权

html中有哪些常用选择器呢？今天小编就带大家看一下Css常用选择器。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>表单的使用</title>

</head>

<body>

<h3>用户注册</h3>

<fome action="http://www.baidu.com">

<div>

<lable>请输入你的用户名:</lable>

<input type="text"name="uesrmame">

</div>

<br />

<div>

<lable>请输入你的密码:</lable>

<input type="password"name="pwd">

</div>

<br />

<div>

<lable>请选择你的性别:</lable>

<input type="radio"name="gender">男

<input type="radio"name="gender">女

</div>

<br />

<div>

<lable>请选择你喜欢吃的食物:</lable>

<input type="checkbox"name="lake">水果布丁

<input type="checkbox"name="lake">麻辣小龙虾

<input type="checkbox"name="lake">酸奶

<input type="checkbox"name="lake">红烧肉

<input type="checkbox"name="lake">牛肉面

<input type="checkbox"name="lake">红烧鲤鱼

<input type="checkbox"name="lake">奶茶

<input type="checkbox"name="lake">汉堡

<input type="checkbox"name="lake">可乐

<input type="checkbox"name="lake">煎饼果子

<input type="checkbox"name="lake">兰州拉面

<input type="checkbox"name="lake">烤鸭

<input type="checkbox"name="lake">臭豆腐

<input type="checkbox"name="lake">炸酱面

<input type="checkbox"name="lake">螺蛳粉

<input type="checkbox"name="lake">胡辣汤

<input type="checkbox"name="lake">炉肉火烧

<input type="checkbox"name="lake">鸭血粉丝汤

<input type="checkbox"name="lake">湖南酱板鸭

<input type="checkbox"name="lake">合肥鸭油烧饼

<input type="checkbox"name="lake">河南烩面

<input type="checkbox"name="lake">刀削面

<input type="checkbox"name="lake">热干面

<input type="checkbox"name="lake">石锅拌饭

</div>

<br />

<div>

<lable>籍贯:</lable>

<select name="" id="">

<option value="">河北</option><

<option value="">北京</option><

<option value="">上海</option><

<option value="">海南</option><

<option value="">河南</option><

<option value="">湖北</option><

<option value="">湖南</option><

<option value="">四川</option><

<option value="">辽宁</option><

<option value="">甘肃</option><

<option value="">云南</option><

<option value="">贵州</option><

<option value="">黑龙江</option><

<option value="">青海</option><

<option value="">台湾</option><

<option value="">福建</option><

<option value="">安徽</option><

<option value="">广西</option><

<option value="">广东</option><

</select>

</div>

</fome>

</body>

</html>

一名小编
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
HTML CSS选择器
06-07
CSS样式定义什么类型的HTML标签，CSS样式就对该类HTML标签所起作用。 例如下面的代码样式选择器用的是p，那么该样式将对该网页中的所有标签之间的内容起作用。
CSS3------CSS选择器
m0_59749255的博客
11-24 505
本质上就是通过一个一个矩形盒子包起来，然后进行排版组合，那么接下来要详细研究这个标签盒子的细节结构，以帮助学习如何使用它，但是在开始研究它之前，我们先来了解一个概。此时，三个家庭成员都选中了这个男人，干同样的事情，但提出不同的需求，此时这个男人的心中就自然而然做出了排序，就有了谁在他心中更优先的问题。继承指的是子标记会继承父标记的所有样式风格，并可以在父标记样式风格的基础上再加以修改，产生新的样式，而子标记的样式风格完全不会影响父标记。类型选择器，可以选择一组标签，这组标签可以是不同类型的标签，例如。
【重识 HTML + CSS】CSS 选择器（1）
最新发布
2401_84434442的博客
07-14 666
技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。
HTML---CSS选择器
qq_49004189的博客
06-22 560
CSS选择器
html中css选择器
y15518325965的博客
03-06 526
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;css选择器&lt;/title&gt; &lt;style&gt; /*style标签内部是用来设置css选择器的*/
HTML css选择器
liangkeQAQ的博客
05-09 620
1行内样式：和标签组合使用，仅对本行生效 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g
详解css常用选择器
09-27
CSS选择器是CSS样式语言的核心组成部分，用于选取页面上的HTML或XML元素，进而应用样式。在本文中，我们将深入探讨一些常见的CSS选择器及其用法。 1. **元素选择器**：通过元素名称来选择元素，如`table {...
CSS3中的常用选择器使用示例整理
09-24
在CSS3中，选择器是用于选取HTML或XML文档中元素的工具，它们使得样式规则能够精确地作用于特定的元素。本文将详细介绍几个常用的选择器及其使用示例，帮助初学者更好地理解和掌握CSS3的选择器系统。 1. **根选择器...
四种CSS常用的选择器使用方法和注意事项
09-27
本文将详细介绍四种常用的CSS选择器：类选择器、ID选择器、HTML元素选择器和通配符选择器，以及它们的使用方法和注意事项。 1. 类选择器（Class选择器） 类选择器以一个点"."开头，用于选取具有特定类属性的HTML...
html——css选择器（小白进阶，高手复习）
weixin_66547608的博客
05-28 267
css选择器（小白进阶，高手复习）
html+css选择器
paul0926的博客
05-10 460
html+css选择器1、标签选择器2、类选择器（使用最多）3、id选择器4、后代或层级选择器5、并集或者组选择器6、指定标签选择器7、伪类选择器 1、标签选择器 直接设定所有的标签，比如可以是p、h1、d1、strong、span等HTML标签，在CSS中直接展现。 以span标签做例子，这是css内嵌式写法： <!DOCTYPE html> <html lang="en"&g...
HTML及CSS选择器
qq_39787513的博客
08-31 593
前端之HTML一、html基本结构 一、html基本结构 html是一种超文本标记语言，进行网页页面的文本编辑 html注释写法：<!--注释内容--> 基本结构如下： <!DOCTYPE html> <!--文档声明--> <html lang="en"> <!--lang="en"表示语言--> <head> <!--头部信
HTML: css选择器
weixin_44785966的博客
07-14 138
一、css选择器的作用： 浏览器通过选择器为满足条件的HTML元素添加CSS样式。 二、css选择器的分类： css选择器分为：id选择器、类选择器、标签选择器、通配符选择器、后代选择器、分组选择器、相邻兄弟选择器、子元素选择器、属性选择器等。本文着重介绍前六种选择器。 三、具体示例： 1.id、类、标签选择器： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <
HTML+CSS之选择器
weixin_52084329的博客
09-21 530
CSS选择器是CSS规则的第一部分。它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式。选择器所选择的元素，叫做“选择器的对象”。 一 基本选择器 1.1 通配符选择器（*） 通配符选择器是用来选择所有元素，也可以选择某个元素下的所有元素 //选择文档中的所有元素 *{ margin: 0px; padding: 0px; } // 选择demo容器下的所有元素 .demo * { border:1px solid blue; }
HTML-CSS选择器
害怕也得前进
03-19 258
CSS选择器
HTML中CSS引用: 选择器
ysds20211402的博客
03-20 166
转自：微点阅读https://www.weidianyuedu.com 一、元素选择器 1、书写格式：标记名{/*生命块*/} 2、所有与该标记匹配的元素，都将应用声明块中的规则 二、类选择器 1、书写格式：.类名{/*声明块*/} 类名为class的值 2、所有class属性为指定类名的元素，都将应用声明块中的规则 eg: <p class="color_blue size"> .color_blue{undefined color: skyblue; } ....
选择器
Majson的博客
09-16 238
css选择器
html&CSS-----CSS选择器（上）
m0_73633088的博客
06-03 796
详细介绍html中CSS的初级选择器，包括ID选择器、类选择器、标签选择器和通配选择器，进来看看吧！！！！
HTML——css选择器
yoghurt&girl的博客
05-29 132
HTML中的css的选择器使用
css选择器常用语法代码
03-14
以下是一些常用的CSS选择器语法代码： 1. 元素选择器：通过元素名称选择HTML元素。 示例：`p` 选取所有 `<p>` 元素。 2. 类选择器：通过类名选择HTML元素。 示例：`.my-class` 选取所有具有 `my-class` 类的元素...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值