黑马程序员------html一些简单的用法之二
2012-08-28 22:45
351 查看
Windows Phone 7手机开发、.Net培训、期待与您交流!
div 和span区别
div把内容包成一块,进行处理,最少是div一条
span 只有抱的内容,可以任意的形状
要用combobox和listbox就用select这个标签
如:
<select>
<option value=1> <option>
</select>
select中属性size控制是不是listbox或combobox
size是1显示一项也就是combobox;
value表示代表的值
selected那一项是被选中的状态
<optgroup>把一些项分为一组
<select size="10">
<optgroup labeul="组名">
<option value="各个名称"><option>
<optgroup>
</select>
textarea多行文本
两个属性 :col行和row列
通过文字也可以操作控件,
如:<label for="name"> 姓名:<label><input id="name" type="text">
id是给控件text起名字,然后label属性通过for找到名字为name的text服务
fieldset框架 legend标题
如<fieldset>
<legend>常用</legend>
<input type="text">
<input type="text">
<input type="text">
</fieldset>
css用法:
第一种:
style="":值
如:<style="background-color:red;">
第二种:
在<head>中
<style type="text/css">
input{background-color:red;}
所有的input都是这个样子
注意:input后是{}
第三种:
添加样式表,输入格式,
引用:<link type="text/css" rel="Stylesheet" href="css1.css"/>
中href为添加样式表的名字
style="cursor:值"鼠标的样子,可以改变cursor的值该表鼠标的颜色
css样式选择器:
class选择器
在head中
.warning{background:yellow}注意前面的.
在body中用的时候 class="warning"
用好几个是中间用空格隔开
标签class选择器
在head
input.warning{background:yellow}
在body中用的时候
<input class=warning type=text>
id选择器
在head中
#username
{
background:yellow
}
在body中
<input id=username type=text>
关联选择器
p strong{background:yellow}
在p和strong中的样子
组合选择器
H1,H2,input{background:yellow}
<h1>niho</h1>
<input type=text value="lest"/>
Windows Phone 7手机开发、.Net培训、期待与您交流!
div 和span区别
div把内容包成一块,进行处理,最少是div一条
span 只有抱的内容,可以任意的形状
要用combobox和listbox就用select这个标签
如:
<select>
<option value=1> <option>
</select>
select中属性size控制是不是listbox或combobox
size是1显示一项也就是combobox;
value表示代表的值
selected那一项是被选中的状态
<optgroup>把一些项分为一组
<select size="10">
<optgroup labeul="组名">
<option value="各个名称"><option>
<optgroup>
</select>
textarea多行文本
两个属性 :col行和row列
通过文字也可以操作控件,
如:<label for="name"> 姓名:<label><input id="name" type="text">
id是给控件text起名字,然后label属性通过for找到名字为name的text服务
fieldset框架 legend标题
如<fieldset>
<legend>常用</legend>
<input type="text">
<input type="text">
<input type="text">
</fieldset>
css用法:
第一种:
style="":值
如:<style="background-color:red;">
第二种:
在<head>中
<style type="text/css">
input{background-color:red;}
所有的input都是这个样子
注意:input后是{}
第三种:
添加样式表,输入格式,
引用:<link type="text/css" rel="Stylesheet" href="css1.css"/>
中href为添加样式表的名字
style="cursor:值"鼠标的样子,可以改变cursor的值该表鼠标的颜色
css样式选择器:
class选择器
在head中
.warning{background:yellow}注意前面的.
在body中用的时候 class="warning"
用好几个是中间用空格隔开
标签class选择器
在head
input.warning{background:yellow}
在body中用的时候
<input class=warning type=text>
id选择器
在head中
#username
{
background:yellow
}
在body中
<input id=username type=text>
关联选择器
p strong{background:yellow}
在p和strong中的样子
组合选择器
H1,H2,input{background:yellow}
<h1>niho</h1>
<input type=text value="lest"/>
Windows Phone 7手机开发、.Net培训、期待与您交流!
相关文章推荐
- html的一些简单用法
- css与html的一些最简单的用法
- (转)关于List中FindAll用法的一些简单示例
- IOS开发-CGAffineTransform的用法,实现一些简单动画效果
- jQuery Valdate、bootstrap-datepicker和distpicker的一些简单用法
- numpy的一些简单用法
- C# List中FindAll用法的一些简单示例
- 黑马程序员————————IO流 FileWriter类 和 FileReader类的一些基本用法
- openpyxl - 一些简单用法
- HTML段落的一些知识,挺简单的,呵呵
- Oracle开发的一些简单的用法
- 关于 常用的Banner一些简单用法 站在巨人的肩膀上
- 分享一些可能你不知道的shell用法和脚 本,简单&强大
- Oracle开发的一些简单的用法
- GCC GDB OBJDUMP 一些简单用法
- html(hyper text markup language)的一些简单的实例
- 黑马程序员--html一些基础知识小结
- HTML - Frame 的简单用法
- pdo的一些简单用法
- vc的一些简单用法