HTML分享02

表单

表单是用来收集用户信息的

(1)表单框

<form name="表单名称" method="post//get" action="路径" ></form>

(2) 表单控件

<input type=""/>

语法:

<input type="" name="" value="" size="" maxlength="" />

input 标签可以创建按钮,文本输入框,选择框等各种类型的输入字段

name 属性标识表单域的名称

type 属性标识表单控件的类型,大概有十几种

value 属性定义表单域的默认值,其他属性根据type的不同而有所变化

maxlength 控制最多输入的字符数

size 控制框的宽度(以字符为单位)

type类型

 文本框 <input type="text" value="默认值"/>

密码框 <input type="password" />

提交按钮 <input type="submit" value="按钮内容" />

重置按钮 <input type="reset" value="按钮内容" />

空按钮 <input type="button" value="按钮内容" />

单选按钮组

<input type=“radio” name=“ral” />男

<input type=“radio” name=“ral” checked=“checked”/>(默认选中)女

复选框组

<input type="checkbox" name="" /> <input type="checkbox" name="" disabled="disabled" />

*disabled="disabled" (禁用) *  checked="checked"  (默认选中)

css

层叠样式表 优化网页

每个CSS样式分为两部分:选择符和声明,声明又分为属性和属性值

属性必须放在花括号中,属性与属性值用冒号连接。每条声明用分号结束。

当一个属性有多个属性值的时候,属性值与属性值不分先后顺序。

在书写样式过程中,空格、换行等操作不影响属性显示。

(1)行内样式

语法:<标签 style=“属性:属性值;属性:属性值;”></标签>

例如:<div style="width:100px;"></div>

(2)内部样式

语法:

    <style type="text/css">

        css语句

      </style>

注:使用style标记创建样式时,最好将该标记写在<head></head>

(3)外部样式

语法: <link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称" />

说明:使用link元素导入外部样式表时,需将该元素写在文  档头部,即<head>与</head>之间。

rel:用于定义文档关联,表示关联样式表;      type:定义文档类型。

行内样式优先级最高,内部样式与外部样式越靠后优先级越高(就近原则)

css选择符

(1)标签选择器

语法:标签名{属性1:属性值1;属性2:属性值2;}

HTML的所有标签都可以作为选择器

(2)ID选择器

语法:#id名{属性1:属性值1;属性2:属性值2;}

1、当我们使用id选择符时,应该为每个元素定义一个id属性; 如:<div id="top"></div>

2、id选择符的语法格式是“#”加上自定义的id名;  如:#box{width:300px; height:300px;} 

3、起名时要取英文名,不能用关键字:(所有的标记和属性都是关键字) 

4、一个id名称只能对应文档中一个具体的元素对象,因为id只能定义页面中某一个唯一的元素 对象。 

5、最大的用处:创建网页的外围结构

(3)class选择器

语法:.class名{属性:属性值;}

当我们使用类选择符时,应先为每个元素定义一个类名称,

类选择符的语法格式是:如:<div class="top"></div>

用法:class选择符更适合定义一类样式;

(4)群组选择器

语法:选择符1,选择符2,选择符3......{属性:属性值;}

说明:当有多个选择符应用相同的声明时,可以将选择符用“,”分隔的方式,合并为一组。

实例:.top, #nav, p{width:100px;}

(5)包含选择器

语法:选择符1(父) 选择符2(子){属性:属性值;}

说明:选择符1和选择符2用空格隔开,含义就是选择符1中包含的所有选择符2;

实例: div  ul  li{height:200px;}

(6)通配符

语法:*{属性:属性值;}

说明:通配选择符的写法是“*”,其含义就是所有元素。

用法:常用来重置样式。建议放在样式表最上方。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容