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

boyanx7个月前技术教程45

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

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元素基础讲解(html元素包括)

HTML元素的基本结构HTML元素通常由开始标签、内容和结束标签组成。基本结构如下:<标签名>内容</标签名>例如,一个段落元素:<p>这是一个段落。</p&...

ios输入框(input,select,textarea)失去焦点,页面不归位

我是一块砖,哪里需要往哪搬!移动项目开发中经常会遇到奇奇怪怪的问题,在正常不过了。而由于ios和安卓系统的不同,适配问题也是时常发生。而其实一个,苹果手机输入框(input,select,textar...

html中input、label、form、textarea、select

表单input:表单是用来收集信息的,由表单控件(表单元素)、提示信息、表单域构成。input控件的属性及值:除以上属性外,input元素type属性还有一个number属性值,此为仅可以填数字,默认...

前端学习之路--重学开始 (一)(重学前端winter)

今天是2022年第一天,站在2022年的开始回首整个2021年并没有发现自己有很大的进步。2022年一定要行动起来,丰富自己。2022年给自己定几个目标:重新学习前端之路搭建一个自己的博客网站 ---...

6 个值得常驻 MacBook 状态栏的 App,总有 1 款适合你

MacBook 的顶部菜单栏位置寸土寸金,但总有一些应用,我们愿意从一开机时便给它们「排面」。今天要为大家推荐的,就是 6 款值得开机启动的工具——它们到底有多好用?只能说让我开机快速进入工作状态,就...

html开发笔记22-表单元素「用户名、密码、单选框、多选框」

一、表单元素介绍【用户名、密码、单选框、多选框】1、表单:就是从网页上看见的各种各样的框,比如 登陆框、同意协议的选项框、下拉框、只能选男女的选框等。二、演示:主要代码在下面三、代码实现:用户名、密码...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。