css3中search是什么意思?一个input标签里面,class定义为 search

html-css016

css3中search是什么意思?一个input标签里面,class定义为 search,第1张

这个search是个自定义的类名,也就是说如果有多个元素设定了这个类名,那么只要在css中给这个类设定样式,那么这些元素都会是同样的样式。

补充说一下:类名是可以任意设置的,只要符合html的命名规则即可。也就是说,“search”在这里只是个名字,本身不具有意义,就好像问“姚明是什么意思”一样。

另外,name在这里也是个类名,当一个class同时设置多个类名时,它会自动把这些类的css样式进行合并(如果样式之间存在冲突,则后面的会覆盖前面的)。

再再补充一下:一个元素具有多个类,你可以在生活中随处找到例子,比如说一个人按性别分是男人,按年龄分是青年,按文化程度分是大学生,那么他就同时具有男人、青年、大学生的属性,即 class="男人 青年 大学生"

这些都是学习前端基础最基本的东西,比如html里:

<form class="search"><input type="text" /></form>

在css样式表中修改form的样式,你就可以用.search获取到他,

.search input就是包含在这个标签内部的子标签

你好!布局建议使用div里边放input和button的方式

<div style="border:1px solid #ccccccwidth:150pxheight:25px">

<input type="text" style="border:0margin-left:5pxwidth:110pxheight:25pxline-height:25px" />

<input type="button" value="" style="background:url(searchBtn.gif) no-repeat center centerwidth:15pxheight:15pxmargin:5px" />

</div>

以上为大概思路,具体数值还需根据实际情况进行调整!