黑马程序员--HTML小结（下）

2023-08-31 01:38:46

---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流！ ----------------------

----------------------列表、表格-----------------------
1.列表：

灌水区
版务区

2.还有有序的列表

，用的很少。
3.表格：

为表格，在内部通过创建行，内部通过创建单元格。可以将table的border属性设为0来隐藏表格线。
a.的属性：align，水平对齐，可选值left、center；valign，垂直对齐，可选值top、middle、buttom。
b.也有align和valign。子标签默认继承父标签的属性，如果自己单独指定了属性，则会覆盖父标签的属性。
c.还可以使用rowspan、colspan进行单元格的合并，用VS可视化功能来做就行。
d.表头的td可以用th代替，这样就会表头粗体、居中显示。
e.建议将表头用代替

------------------------表单-------------------------
1.网络表单与填表
2.

标签为表单标签。如果要把数据提交到服务器，则需要将、

、<select>等表单元素放到form中。<br /> <form action="Register.aspx"></form> action="要提交到的页面"<br /> 3.<input>是主要的表单元素，type的可选值：submit（提交按钮）、button（普通按钮）、checkbox（复选框）、file（文件选择框）、hidden（隐藏字段）、image（图片按钮）、password（密码框）、radio（单选按钮）、reset（重置按钮）、text（文本框）。<br /> <br /> <br /> ----------------------input表单详解----------------------<br /> 1.submit：点击submit按钮表单就会被提交给服务器，可以设置value属性修改按钮的显示文本。<br /> 2.text：size属性为宽度，value为值，maxlength为可以输入的最大长度，readonly只读。<input type="text" readonly="readonly" /><br /> 3.checkbox：checked属性表示是否呗选中，<input type="checkbox" checked="checked">checked、readonly等这种只有一个可选值的属性都可以省略属性值。<br /> 4.radio：相同name属性的为一组，不同radio设定不同的value值，这样通过指定name的值就可以知道谁被选中了，不用单独的判断。<br /> 5.file：使用file，则form的enctype必须设置为multipart/form-data、method属性为POST。<br /> 6.image：使用src属性指定图片的地址，用来实现美化的“登录按钮”<br /> <br /> <br /> -------------------------<select>标签---------------------<br /> 1.用来创建类似于WinForm中的ComboBox或者ListBox。<br /> 2.如果size属性大于1就是ListBox，否则就是ComboBox。<select multiple="multiple">，那么就是可以多选的ListBox<br /> 3.select中的项是<option>，<option>北京</option>还可以设定项的值<option value="1">北京</option><br /> 4.讲一个option设置为选中：<option value="-1">--不选择--</option>，然后编程判断select选中的值如果是-1就认为是不选择。<br /> 5.select分组选项，可以使用optgroup对数据进行分组，分组本身不会被选择，无论对于下拉列表还是列表框都使用。<br /> <select name="Province" size="10"><br /> <span></span>   <optgroup label="山东"><br />             <option value="1">潍坊</option><br />             <option value="2">青岛</option><br />             <option value="3">济南</option><br /> <span></span>   </optgroup><br />         <optgroup label="山东"><br />             <option value="1">潍坊</option><br />             <option value="2">青岛</option><br />             <option value="3">济南</option><br /> <span></span>   </optgroup><br />         <optgroup label="山东"><br />             <option value="1">潍坊</option><br />             <option value="2">青岛</option><br />             <option value="3">济南</option><br /> <span></span>   </optgroup><br />     </select><br /> <span></span><br /> -------------------------其他标签----------------------<br /> 1.<textarea>多行文本（也是表单元素）：<textarea>文本

，cols、rows属性表示行数和列数。
2.：在前可一些普通的文本来修饰，但是单机修饰文本的时候input并不会得到焦点，而用label则可以，for属性指定要修饰的控件的ID，asdf
3.fieldset:GroupBox效果，将控件划分为一个区域，看起来更规整。

常用

------------------------层（Div）、块（Span）---------------------
1.层：将内容放到层中，就可以将这些内容当成一个整体进行处理，比如整体隐藏、整体移动。div非常强大和常用。类似于WinForm的Panel
2.span：div是将内容放到一个矩形的区块中，会影响布局，而span只是把一段内容定义成一个整体进行操作，但不该布局、显示。

-----------------------样式表、CSS---------------------
1.CSS（层叠样式表）是用来美化页面用的，可以对页面元素进行更精细的设置，样式主要描述元素的字体颜色、背景颜色、边框等。CSS主要有元素内联、页面嵌入和外部引用三种使用方式。CSS是描述元素的皮肤！
a.元素内联，直接将样式写入元素的style属性中，,适用于样式没有可复用性的场合。
b.页面嵌入：在head中加入
1.
2.表示页面中所有input都是采用指定的样式。适用于复用，减小页面体积
c.外部引用，将css内容写入css后缀的文件
1.textarea{background:Yellow}
2.探后在页面中引用，在head中加入
3.
4.适合于多个页面共享css。

-------------------------常见样式-------------------------
1.css计量单位：css中表示宽度、距离时有多种计量单位：px（像素）、30%（百分比）、em（相对单位）等。
2.background-color:Red; 背景颜色； color:文本颜色
3.border-style:soild;边框风格，实线（默认是没有），还有dotted（点）等值；border-color：边框颜色；border-width：边框宽度（默认是0）。
4.display：元素是否显示，可选值none（不显示）、block（显示为块级元素，此元素前后会带有换行符。）、inline（显示为内联元素，元素前后没有换行符）等。
5.cursor，鼠标在元素上时显示的光标图标，可选值：cursor（默认光标）、pointer（超链接上的手）、text（输入Bean）、wait（忙沙漏）、help（帮助）等。
6.LI不显示圆点：LIST-STYLE-TYPE:none;一般设在li或者ul上

---------------------------样式选择器---------------------------
1.对于非元素内联的样式需要定义样式选择器，通俗的说就是这个样式适合于哪些元素，三种：标签选择器、class选择器和id选择器。
2.标签选择器 input{border-color:Yellow;color:Red;}对于指定的标签采用统一的样式。
3.class选择器：以定义一个命名的样式，然后在用到它的时候设定元素的class属性为样式的名称，还可以同时设定多个class，名称之间加空格。
样式名称开头加"."；
.waring{background:Yellow;}
.hightlight{font-size:xx-large;cursor:help;}

aaa

bbb

ccc

》多个样式中间用空格隔开
》冲突的style覆盖class

-------------------------标签+class选择器------------------------
1.class选择器也可以针对不用的标签，实现同样的样式名对于不同的标签有不同的样式，只要在样式名前加标签名即可。
input.accountno{text-align:right;color:Red;}
label.accountno{font-style:italic;}

22222222222222222222

-------------------------id选择器-----------------------
为指定id的元素设定样式，id前加#
#username
{
font-size:xx-large;
}

style、class可以同时组合使用。

-------------------------更多选择器---------------------
1.关联选择器
P strong{background-color:Yellow;}
表示P标签内的strong标签内的内容使用的样式。
adfadfadf

adfadf

2.组合选择器，同时为多个标签设定一个样式
h1,h2，input{background-color:Green;}

nihao

-------------------------伪选择器-----------------------
伪选择器：为标签的不同状态设定不用的样式；
A:visited：超链接点击多的样式；
A:active：选中超链接时的样式；
A:link：超链接未被访问时的状态；
A:hover：鼠标移动到超链接时的状态。

A:visited{TEXT-DECORATION:none}
A:active{TEXT-DECORATION:none}
A:link{TEXT-DECORATION:none}
A:hover{TEXT-DECORATION:underline}

---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流！ ----------------------

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！

标签：技术

Duilib中list控件支持ctrl和shif多行选中的实现

[ICML2015]Batch Normalization:Accelerating Deep Network Training by Reducing Internal Covariate Shif

win10系统微软输入法于eclipse ctrl+shif+f冲突间接处理办法

Codeforces Round #259 (Div. 2) B. Little Pony and Sort by Shif

读LDD3，内存映射与DMA--PAGE_SHIF…

VMware虚拟机安装XP【要先分区，再设置BOOT 启动CD，shif+上移】

更换iBus五笔的左与右Shif

sublime ctrl+shif+f 没用解决办法

idea 对 ctrl + z 的撤销是 ctrl + shif + z

计算机最早的设计师应用于,计算机应用基础选择题doc.doc

win10自带截图神器：Win+Shift+S

Python基础之文件目录操作

python简述目录_Python基础之文件目录操作(示例代码)

tp5 如何做数据采集

任务2-7(服务器字体+阿里巴巴矢量库)

html标签（1)：h1~h6,p,br,pre,hr

TI 电量计介绍与芯片选型指南

几款TI电源芯片简介

TI DSP芯片C2000系列读取FLASH数据

德州仪器(Ti)平台嵌入式开发基础

TI三相电机智能栅极驱动芯片特点分类

省选模拟（12.08） T3 圈圈圈圈圈圈圈圈

Hadoop生态圈技术栈（上）

大数据开发基础入门与项目实战（三）Hadoop核心及生态圈技术栈之6.Impala交互式查询

小猿圈之Linux下Mysql 操作命令

大数据Hadoop生态圈常用面试题

大数据开发基础入门与项目实战（三）Hadoop核心及生态圈技术栈之4.Hive DDL、DQL和数据操作

备战Noip2018模拟赛11（B组）T3 Monogatari 物语

【智能优化算法-圆圈搜索算法】基于圆圈搜索算法Circle Search Algorithm求解单目标优化问题附matlab代码

NYOJ 78 圈水池

递归问题跑道汽车绕圈问题 Python实现

Hadoop生态圈（三）：MapReduce

黑马程序员--HTML小结（下）

nihao

相关文章