PHP课程总结20161116
2016-11-16 21:03
211 查看
今天的课程,老师主要介绍了两种文本标签的相关内容及文字溢出的解决办法。
一、文本标签<span>
<span>属于行内元素(inline,文本标签,不会换行),是不会换行元素的代表。不占任何空间,但在“样式”中加上“display:block(块级元素);”,行内元素就会变为块级元素(如<div>);或者加上“display: inline-block(行内-块级元素);",改变后仍属于行内元素,但具有了块级元素的除去会自动换行外的所有特点。
二、文本标签<label>
<label>中的“for”属性规定<label>与那个表单元素绑定。例如:<label for="user">姓名:</label><input id="user" type="text" name="username" placeholder="姓名">,其效果:点击姓名,光标自动切换到文本框内。
三、解决文字溢出问题。在样式中使用属性“overflow”(溢出),其属性值有:hidden(隐藏溢出div盒子的文字);auto(在盒子里出现下拉列表,包括了所有文字)
一、文本标签<span>
<span>属于行内元素(inline,文本标签,不会换行),是不会换行元素的代表。不占任何空间,但在“样式”中加上“display:block(块级元素);”,行内元素就会变为块级元素(如<div>);或者加上“display: inline-block(行内-块级元素);",改变后仍属于行内元素,但具有了块级元素的除去会自动换行外的所有特点。
二、文本标签<label>
<label>中的“for”属性规定<label>与那个表单元素绑定。例如:<label for="user">姓名:</label><input id="user" type="text" name="username" placeholder="姓名">,其效果:点击姓名,光标自动切换到文本框内。
三、解决文字溢出问题。在样式中使用属性“overflow”(溢出),其属性值有:hidden(隐藏溢出div盒子的文字);auto(在盒子里出现下拉列表,包括了所有文字)
相关文章推荐
- PHP课程总结20161109
- PHP课程总结20161111
- PHP课程总结20161207
- PHP课程总结20161215
- PHP课程总结20161214
- php课程---文件操作及文件上传的代码总结
- PHP课程总结20161222
- PHP课程总结20161205
- PHP课程总结20161202
- PHP课程总结20161220
- PHP课程总结20161115
- PHP课程总结20161122
- PHP课程总结20161121
- PHP课程总结20161206
- PHP课程总结20161128
- PHP课程总结20161110
- PHP课程总结20161118
- PHP课程总结20161124
- PHP课程总结20161213
- PHP课程总结20161221