月度归档:2020年01月

CSS table-layout属性简介说明


摘要:
下文讲述css中table-layout属性功能简介说明,如下所示:


css table-layout属性功能说明

tableLayout属性 用于设置表格的列宽度的生成规则。
——————————-
tableLayout语法:

属性

属性值
automatic

缺省值,列宽度由单元格内容自动决定
fixed

列宽 由表格宽度和列宽度决定
inherit

从父级继承table-layout属性


css table-layout属性举例说明

   <html>
<head> 
<meta charset="utf-8"> 
<title>猫猫教程(www.maomao365.com)</title> 


<style type="text/css">
table.a
{
table-layout: automatic
}
table.b
{
table-layout: fixed
}
</style>
</head>
<body>

<table class="a" border="1" width="100%">
<tr>
<td width="20%">abcdefghijklmnopqrstuvwxyzzyxwzwvwv</td>
<td width="40%">abcsdcewewc</td>
<td width="40%">232424242</td>
</tr>
</table>

<br />

<table class="b" border="1" width="100%">
<tr>
 <td width="20%">abcdefghijklmnopqrstuvwxyzzyxwzwvwv</td>
<td width="40%">abcsdcewewc</td>
<td width="40%">232424242</td>
</tr>
</table>

 </body>
</html>
css table-layout应用举例

css table-layout应用举例

HTML <optgroup>标签简介说明


摘要:
下文讲述html中标签optgroup的功能说明,如下所示:


optgroup功能说明

optgroup功能为将select相关标签进行组合起来


optgroup举例说明

   <html>
<head> 
<meta charset="utf-8"> 
<title>猫猫教程(www.maomao365.com)</title> 
</head>
<body>

<select>
  <optgroup label="汽车">
    <option value="商用车">商用车</option>
    <option value="乘用车">乘用车</option>
  </optgroup>
  <optgroup label="轮船">
    <option value="邮轮">邮轮</option>
    <option value="游轮">游轮</option>
    <option value="油轮">油轮</option>
    <option value="货轮">货轮</option>
    <option value="客轮">客轮</option>
  </optgroup>
</select>
 
</body>
</html>
html optgroup应用举例

html optgroup应用举例

css 代码中引入图片的路径说明


摘要:
下文讲述css代码中图片路径的相关说明,如下所示:


1.css代码直接编写在Html文件中的路径问题

当我们将css代码嵌入到html文件中时,此时css代码中涉及的图片路径,则应以图片相对于Html文件的路径。


2.css代码在css代码文件中

当css代码编写在一个css代码文件,则图片路径则应相对于css代码文件的路径。