下面是承接上文的知识点简介:6.表单,我来为大家科普一下关于css的三基本选择器?下面希望有你要的答案,我们一起来看看吧!
css的三基本选择器
下面是承接上文的知识点简介:
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 {属性:属性值} ,这个也要写,里面放超链接中相同属性,不同属性分别写在不同的伪类选择器中。
,