当前位置：网站首页 > 技术文章 > 正文

HTML基础知识自学必知教程 6~CSS的选择器

zhezhongyun 2025-05-08 08:04 20 浏览

下面是承接上文的知识点简介：

6.表单

对于功能性的表单，HTML仅仅是产生表单的表面样子，为后台提供数据。

创建所有表单 <form></form>

创建一个滚动菜单，size设置在需要滚动前可以看到的表单项数目 <select multiple name=”NAME” size=</select>

设置每个表单项的内容 <option>

创建一个下拉菜单 <select name=”NAME”></select>

文本框区域，列的数目设置宽度，行的数目设置高度 <textarea name=”NAME” cols=40 rows=8></textarea>

复选框，文字在标签后面 <input type=”checkbox” name=”NAME”>

单选框，文字在标签后面 <input type=”radio” name=”NAME” value=”x”>

单行文本输入区域，size设置以字符计的宽度 <input type=text name=”foo” size=20>

submit（提交）按钮 <input type=”submit” value=”NAME”>

使用图象的submit（提交）按钮 <input type=”image” border=0 name=”NAME” src=”name.gif”>

reset（重置）按钮 <input type=”reset”>

本来以为后面还会有更多知识点可以分享给大家，谁知都是一下杂乱无章的笔记而已

下面我想和大家分享一下，CSS的选择器吧

文章如下

在CSS中，选择器用于选择需要添加样式的元素，简单的讲，就是确定你要把样式给那个元素。在我们写web前端的时候，选择器的使用是非常频繁的，合理的使用选择器会精简大量的代码。小松果总结了下，CSS选择器大致的归类为基础选择器和符合选择器两类。

1、基础选择器

a、html标签选择器：

标签{属性：属性值}

div、p、h1、span……

b、class 类选择器，可以共用重复：

.name {属性：属性值}

标签中有class=”name”的元素

c、id选择器：唯一性

#name{属性：属性值}

标签中有id=”name”的元素

d、属性选择器

*[title] {属性：属性值}

所有包含标题（title）的元素

e、通配符选择器，所有的元素：

* {属性：属性值}

例：* {margin：0； padding：0}

2、复合选择器

a、后代选择器：

A B { 属性：属性值}

注：A指父级选择器 B指子级选择器

b、伪类选择器：

a:link {属性：属性值} 默认

a:visited {属性：属性值} 访问过的链接

a:hover {属性：属性值} 鼠标经过

a:active {属性：属性值} 激活状态（选中时的状态）

注：顺序不能错 l v h a，还有一个a {属性：属性值} ，这个也要写，里面放超链接中相同属性，不同属性分别写在不同的伪类选择器中。

HTML button type 属性

上一篇：微软Edge浏览器136稳定版发布，带来多种功能更新、Bug修复
下一篇：Spring Security权限管理从零开始深度解读

HTML基础知识自学必知教程 6~CSS的选择器

相关推荐

b端详情页:各种信息聚集地，设计师要如何规划这一亩三分地呢

漏洞系列一一看我一招征服漏洞 SSRF

接口测试遇到500报错?别慌，你的头部可能有点问题

Web前端需要学什么?Web前端开发需要学习哪些?

前端Flex布局可视化布局工具介绍，vue和html5快速设计利器

「资讯」为强迫用户使用Edge浏览器，微软又出新招数

HTML 简介（html简介及优缺点）

HBuilderX，uni-app创建HTML5项目，同时支持浏览器和移动端

关于HTML5被简称做H5，你怎么看?（html5缩写）

现在页面实时聊天都使用Websocket技术实现吗?