CSS常用属性
关键词:css, 常用属性
文本
文字颜色
color: white;
去除下划线
text-decoration: none;
添加下划线
text-decoration: underline;
字号
font-size: 16px;
对齐方式,默认left,靠右right,居中center
text-align: center;
行高
line-height: 50px;
转为块级元素
display: block;
文字加粗
font-weight: bold;
让粗体不变粗
font-weight: normal;
字体
font-family: arial;
字间距
letter-spacing: 2px;
...
HTML textarea 文本域
关键词:html, textarea, 文本域
常用属性
rows:文本区内的可见行数
cols:文本区内的可见宽度
示例
<textarea cols="10" rows="3">这是一段默认的文本。</textarea>
效果
这是一段默认的文本。这是一段默认的文本。这是一段默认的文本。
HTML table 表格
关键词:html, table
常用属性
border:表格外边框宽度
cellpadding:单元格边距
cellspacing:单元格间距
示例
普通表格
一行一列
<table border="1">
<tr>
<td>只有一个元素</td>
</tr>
</table>
只有一个元素
一行三列
<table border="1">
<tr>
<td>零零</td>
<td>零一</td>
<td>零二</td>
</tr>
...
HTML select 下拉列表
关键词:html, select, 下拉列表
可以设置一个默认值,否则默认值会是第一个选项。
普通的下拉列表
<form action="">
这里是一个下拉列表:<select name="color">
<option value="yellow">Yellow</option>
<option value="red">Red</option>
<!-- 可以设置一个默认值,否则默认值会是第一个选项 -->
<!-- <option value="blue" selected="">Blue</option> -->
<!-- ...
HTML form 表单域
关键词:html, form, 表单域
示例
<form action="http://www.w3school.com.cn/example/html5/demo_form.asp" method="GET" name="yigemingzi">
测试名称:<input type="text" name="testName" value="aabbcc">
<br>
测试选项:<select name="color">
<option value="yel">Yellow</option>
<option value="red">Red&l...
HTML div 分区
关键词:html, div
示例
<div id="container" style="background-color: green; width: 800px">
<div id="header"">
<h2 style="margin-bottom: 0">这是一个标题</h2>
</div>
<!-- float:left 浮动在左边 -->
<div id="menu" style="background-color: orange; width: 100px; height: 300px; float: left;">
<!-- 这里面如果放块级元素,布局会乱 -...
HTML datalist 选项列表
关键词:html, datalist
概述
这是一个html5才有的新标签
可下拉选择,可手动输入,输入过程中会自动提示
datalist必须与input搭配使用,类似下拉列表,但是可以手动输入
通过input的list属性与datalist的id关联
示例
这里定义了一个选项列表:<input type="text" name="colors" list="yigeid">
<datalist id="yigeid">
<option value="内容你"></option>
<option value="内容我"></option>
<option value="内容...
HTML音视频播放
关键词:html, 音视频, audio, video
音频播放
使用 object
<object width="300" height="100" data="./media/广东雨神 - 广东十年爱情故事.mp3"></object>
使用 embed
<embed width="300" height="100" src="./media/广东雨神 - 广东十年爱情故事.mp3"></embed>
使用 a
<a href="./media/广东雨神 - 广东十年爱情故事.mp3">播放一段音频</a>
使用 audio
<!-- autoplay:自动播放 -->
&...
HTML特殊字符的显示
关键词:html, 特殊字符, 空格
HTML常用的一些特殊字符
小于号
<
使用示例
<p>这里显示个小于号:<</p>
空格
使用示例:
需要几个空格就写几遍。
<p>这里显示5个空格: 空格结束的位置</p>
109 post articles, 11 pages.