一些HTML以及CSS小知识

玖玖999
150 阅读3分钟

1.复选框里只要有checked属性，不管是否为其赋值，结果为空或true或false或任意值，均为选中状态。

2.设置单选框的name相同即可把他们设置为同一组。

3命令行:

①mkdir:创建一个目录

  • /mkdir a b c :创建同级目录
  • /mkdir -p aa/bb/cc: 递归创建目录

②touch:修改文件时间戳，或者新建一个不存在的文件

  • /-a 更改存取时间
  • /m 更改变动时间
  • /-t 使用指定的日期时间

4.浏览器内核

  • ①IE浏览器内核：Trident内核，也是俗称的IE内核；
  • ②Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核；
  • ③Firefox浏览器内核：Gecko内核，俗称Firefox内核；
  • ④Safari浏览器内核：Webkit内核；
  • ⑤Opera浏览器内核：最初是自己的Presto内核，后来是Webkit，现在是Blink内核；
  • ⑥360浏览器、猎豹浏览器内核：IE+Chrome双内核；
  • ⑦搜狗、遨游、QQ浏览器内核：Trident（兼容模式）+Webkit（高速模式）；
  • ⑧百度浏览器、世界之窗内核：IE内核；
  • ⑨2345浏览器内核：以前是IE内核，现在也是IE+Chrome双内核；

5.a链接的属性；

  • ①href：设置链接的URL,相对路径或绝对路径；

  • ②target：显示连接的窗口或框架；

  • ③_blank：在新窗口中打开链接；

  • ④_self：在当前窗口打开链接；

  • ⑤_parent：在父窗口中打开链接；

  • ⑥_top：在定级窗口中打开链接；

  • ⑦framename：窗口名称；

  • ⑧name：超链接，创建文档内的书签；

  • ⑨title：设置超链接的文字说明（鼠标悬停时显示）。

图片.png

6.表格单元：

  • 表格单元横跨两列的表格：
<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td colspan="2">January</td>
  </tr>
  <tr>
    <td colspan="2">February</td>
  </tr>
</table>
  • 表格单元横跨两行的表格：

图片.png

7.form的method.

关于method="get"的说明:

  • 此方法把表单数据以名值对的形式附加到URL上。

  • 采用此方法提交表单后，其结果页面的URL可被收藏（URL里包含有相关参数），以便今后再次访问。

  • 受URL长度限制（不同浏览器有所差异），此方法不能提交超过一定量的数据。因此，当数据过多时，你难以确保所有数据都能被正确发送出去。

  • 千万不要用GET方法传送密码等敏感信息！（发出的数据会在浏览器地址栏中显示出来）

关于method="post"的说明:

  • 本方法采用HTTP POST方法发送表单数据。

  • 采用POST方法提交表单，其结果页面的URL是无法收藏的（URL里不含有相关参数）。

  • POST方法比GET方法更健壮、更安全，而且POST方法对数据大小没有限制。

8.label for属性

for属性其实就是将label和表单控件绑定在一起，最主要的差别就是比如有个输入框，如果我想要选中输入框获得焦点，只有input情况下，我只能选中输入框，但加了label，把label和input绑定在一起后，点击label也可以选中输入框。

    不加label用户名:
    <input type="text" name="" id="">
    <br>
    <label for="text">加了label用户名:</label>
    <input type="text" name="" id="text">

label for.gif

9.关于CSS属性继承；

  • 不可继承的：display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。
  • 所有元素可继承：visibility和cursor。
  • 内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。
  • 块状元素可继承：text-indent和text-align。
  • 列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。
  • 表格元素可继承：border-collapse。
  • 可继承就是父节点设置了这个属性后，子节点就可以继承他的属性
avatar
文章
阅读
粉丝