表单以及css的引入

表单:可以套用表格元素(一个页面中有且只有一个)
表单基本格式

<form><label></label>(用来显示信息或者说明性的文字)</form>

input中的属性:
type:设置表单元素类型具体有以下几中:
1.text:文本类型 2. password:密码类型 3.checkbox:复选框
4.rabio:单选按钮 5.submit:表单数据的提交 6.reset:重置
placeholder:表示占位符/文本框的阴影提示信息
name:定义一个文本框的名字,具有唯一性
outline:轮廓

<form>
   <label>账号:</label>
   <input type="text" name="ww" placeholder="QQ号/微信号" />
   <br>
   <label>密码:</label>
   <input type="password" name="kk" placeholder="请输入密码">
   <br>
   <input type="checkbox"/><label for="zz">记住密码</label>
   <input type="reset" >
   <br>
</form>

也有一个特殊的表单元素

<button></button>按钮
<textarea></textarea>:文本域  
resize:重置大小一般为none为了防止文本域拖拽
text-align:center(文字水平居中)
vertical-align:middle居中(对块级元素无效)
vertical-align:baseline(对于基线对齐)
vertical-align:middle中线对齐  top:顶线对齐  bottom:底线对齐

css作用:将文字和表现进行分离
css层叠样式表:多个样式叠加设置一个元素
css引入方式:

1.外部引入<link rel="stylesheet" type="text/css" href="css/top.css"/>
2.内部引入 <style type="text/css">...</style>(写在head中)
原创文章 36 获赞 31 访问量 2105

猜你喜欢

转载自blog.csdn.net/qq_45096273/article/details/103212675
今日推荐