2016年10月30日表单标签与样式表分类和选择器

今天上午讲的表单标签
<form name="表单"method="get" action="Untitled-2.html"> <!--get地址栏可以看到值,post不可以-->
<input type="text" name="姓名" value="" />姓名 <!--文本框-->
<input type="password" name="密码" value="" />密码<!--密码框-->
<textarea name="验证码" >验证码</textarea>
<input type="button" name="deng'lu" value="登陆"/><br/><br> <!--普通按钮-->
<input type="reset" name="重置" value="重置"/> <!--重置按钮-->
<input type="submit" name="提交" value="提交"/> <!--提交按钮-->
<input type="image" src="末日/ceb4da0146b44c099878b9936b70570b_th.jpeg" name="证件照" /><br /><br /> <!--图片按钮-->

民族民族<select name="民族" >民族<!--下拉框-->
<option value="汉">汉</option>
<option value="满">满</option>
</select>
性别 <input type="radio" name="性别" />男 <!--单选输入-->
<input type="radio" name="性别" />女<br /><br />
爱好<input type="checkbox" name="爱好">看书 <!--多选输入-->
<input type="checkbox" name="爱好">唱歌


</form>
下午讲的框架和样式表分类和选择器。
框架分为两种:frame框架和iframe框架。1.fame框架用时要去掉外层的body,<frameset rows="300,*" frameborder=“no”</frameset>。把页面分为上下两层,上层300像素高,下层全铺满,去掉分割线。左右分为cols。2.iframe在原来页面嵌入其他页面<iframe src="其他页面地址" frameborder=“0”scrolling=“no”/iframe> scrolling意思为滚动条。
3. 样式表分类:内联样式表>内嵌样式表=外部样式表 重用性最好的是外部样式表,控制最准确的是内联2样式表。内嵌式样式表必须写在head里面。
4.选择器
一:*:选择所有元素
二:标签选择器。例如:div{ }
三:id选择器。以“#”开头。例如 <div id="d1">举例</div>,要对举例两个字进行样式编辑可以写#d1{ }
四.class选择器。以“.”开头。例如<div class="c1" >1</div>
<div class="c1" >2</div>
对数字进行样式编辑可以写成.c1{ }
五.复合选择器。1. ,隔开表示并列 div,span{ }
2.空格隔开表后代
3. .表示筛选。div.c1{ }在div中找class为c1的。
优先级:id>class>标签>*

原文地址:https://www.cnblogs.com/F4natasy/p/6013335.html