HTML<css+div> 基础学习
来源:互联网 发布:com域名注册35元 编辑:程序博客网 时间:2024/04/25 17:18
<input type ="checkbox" checked="checked" />
<input type="radio" name="sex" />男
<br />
<input type="radio" name="sex" />女
<br />
<input type="radio"name="sex" />其它
通过name分组,同一个NAME间互斥
select中的项是<option>
<select> comobox
<option>北京</option>
<option>上海</option>
<option>苏州</option>
</select>
<select size="3"> --listbox
<option>北京</option>
<option value=1>上海</option>
<option>苏州</option>
</select>
默认选择哪个
<option value="2" selected="selected">上海</option>
默认选择2个
<label for="name" >姓名:</label> <input id="name" type="text" />
<label for="ma" >婚否:</label> <input id="ma" type="checkbox" />
label for 即对对应的控件起作用
<fieldset> --包着text控件,比较规整一些
<legend>标题</legend>
<input type="text" />
<br />
<input type="text" />
<br />
<input type="text" />
</fieldset>
css是描述元素的皮肤(内联的方式比直接声明的方式等级高)
1.内联 <input type="text" value="CSSyangshi" style="background-color:red;border-color:green ;text-align:center" />
2.嵌入
3.外部引用
div 将内容放到层中,就可以将这些内容做为一个整体来使用
做一个整体使用,非常像Panel
DIV:定义一个四方块,会影响布局,
span:只是把一段内容定义成一个整体进行操作,但不影响到布局
<div style="border-color:red;border-width:2px;border-style:double;width:50px">你好哇</div>
<div style="cursor:pointer;color:blue"><u>nihao</u></div> //模拟点击效果
<li style="list-style-type:none"> //不显示li前的点
三种选择器:
1.标签
P strong {
background-color:yellow;
}
H1, H2, input {
background-color:red;
}
p标签里的strong标准的样式
2.class 在名字前加.
label.accout {
font-style:italic;
}
<input class="accout" type="text" value="xxxxxxxx"/>
3.id 用#
#username {
font-size:xx-large;
}
<input id="username" type="text" value="aaaaaaaaaaaaaaa" />
<input type="radio" name="sex" />男
<br />
<input type="radio" name="sex" />女
<br />
<input type="radio"name="sex" />其它
通过name分组,同一个NAME间互斥
select中的项是<option>
<select> comobox
<option>北京</option>
<option>上海</option>
<option>苏州</option>
</select>
<select size="3"> --listbox
<option>北京</option>
<option value=1>上海</option>
<option>苏州</option>
</select>
默认选择哪个
<option value="2" selected="selected">上海</option>
默认选择2个
<label for="name" >姓名:</label> <input id="name" type="text" />
<label for="ma" >婚否:</label> <input id="ma" type="checkbox" />
label for 即对对应的控件起作用
<fieldset> --包着text控件,比较规整一些
<legend>标题</legend>
<input type="text" />
<br />
<input type="text" />
<br />
<input type="text" />
</fieldset>
css是描述元素的皮肤(内联的方式比直接声明的方式等级高)
1.内联 <input type="text" value="CSSyangshi" style="background-color:red;border-color:green ;text-align:center" />
2.嵌入
3.外部引用
div 将内容放到层中,就可以将这些内容做为一个整体来使用
做一个整体使用,非常像Panel
DIV:定义一个四方块,会影响布局,
span:只是把一段内容定义成一个整体进行操作,但不影响到布局
<div style="border-color:red;border-width:2px;border-style:double;width:50px">你好哇</div>
<div style="cursor:pointer;color:blue"><u>nihao</u></div> //模拟点击效果
<li style="list-style-type:none"> //不显示li前的点
三种选择器:
1.标签
P strong {
background-color:yellow;
}
H1, H2, input {
background-color:red;
}
p标签里的strong标准的样式
2.class 在名字前加.
label.accout {
font-style:italic;
}
<input class="accout" type="text" value="xxxxxxxx"/>
3.id 用#
#username {
font-size:xx-large;
}
<input id="username" type="text" value="aaaaaaaaaaaaaaa" />
0 0
- HTML<css+div> 基础学习
- HTML&CSS&DIV基础<2>
- HTML&CSS基础学习笔记1.19-DIV标签1
- HTML&CSS基础学习笔记1.20-DIV标签2
- Html+div+css学习笔记
- HTML&CSS基础学习
- css+div学习基础篇
- HTML布局DIV+CSS基础讲解
- HTML基础学习-18- div css容器 盒子模型学习1
- HTML基础学习-19- div css容器 盒子模型学习2
- HTML基础学习-20- div css容器 盒子模型学习3
- html+css+js基础学习
- HTML/CSS基础学习总结
- html和CSS基础学习
- html+css+js基础学习
- html+css+js基础学习
- html中div+css学习总结
- DIV+CSS---HTML+CSS
- js prototype学习, Ext extend
- Mathematica制作自己的人脸马赛克拼图
- Linux多线程——使用信号量同步线程
- 旋转卡壳算法
- Python GIL 系列之再谈Python的GIL(续)
- HTML<css+div> 基础学习
- Windows 编译 glut3.7
- 项目一(3)。
- C实现的内存chunk管理器
- 云计算方向:向少数大型平台靠拢
- 二分查找
- Hadoop从听说到入门
- 返回类型与参数类型的关系
- 远离身边消极的人