Home

CSS语法

关键词:css, 语法 概述 CSS全称:Cascading Style Sheets(层叠样式表) 样式规则 声明总以分号(;)结束,声明组以大括号({})括起来。 属性与属性值以键值对的形式出现,用英文冒号“:”连接。 多个键值对之间用英文分号“;”隔开。 为了使css可读性更强,通常每行只描述一个属性。 其他 CSS注释以 /* 开始, 以 */ 结束。 ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。

Read more

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; ...

Read more

HTML textarea 文本域

关键词:html, textarea, 文本域 常用属性 rows:文本区内的可见行数 cols:文本区内的可见宽度 示例 <textarea cols="10" rows="3">这是一段默认的文本。</textarea> 效果 这是一段默认的文本。这是一段默认的文本。这是一段默认的文本。

Read more

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> ...

Read more

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> --> <!-- ...

Read more

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...

Read more

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;"> <!-- 这里面如果放块级元素,布局会乱 -...

Read more

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="内容...

Read more

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:自动播放 --> &...

Read more

HTML特殊字符的显示

关键词:html, 特殊字符, 空格 HTML常用的一些特殊字符 小于号 &lt; 使用示例 <p>这里显示个小于号:&lt;</p> 空格 &nbsp; 使用示例: 需要几个空格就写几遍。 <p>这里显示5个空格:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;空格结束的位置</p>

Read more