[成都|结业弟子]JS-彭力|2019年03月08日的日报-技能树.IT修真院

发表于： 2019-03-08 16:17:34

1 618

今天完成的事：

1.一个完整的表单结构应由部分组成：

表单框架（<form>标签）：<form>标签是一个包含框，里面包含所有的表单对象。表单框包含处理表单数据的各种属性，如提交字符编码、与服务器交互的页面。

表单域（<input>、<select>等标签）：用于采集用户的输入或选择的数据，如文本框、密码框、单选按钮、复选框等。

表单按钮（<input>、<button>标签）：用于将数据发送给服务器，还可以用来控制其他脚本行为，如提交、复位，；以及不包含任何行为的一般按钮。

2.使用HTML来构建可以跟服务器交互的Web表单(form)，通过给form元素添加一个action属性来达到此目的。  action属性的值指定了表单提交到服务器的地址。
  例如：
  <form action="/url-where-you-want-to-submit-form-data"></form>

3.通过用空格分隔多个 class 属性，可对 HTML 元素应用多个 class 属性：

  class="class1 class2"

  注意：在 HTML 中这些 class 如何排序是无所谓的。

  然而，在 <style> 部分中 class 声明的顺序却非常重要，第二个声明总是比第一个具有优先权。

  浏览器读取 CSS 的顺序是从上到下，这意味着，在发生冲突时，浏览器会使用最后的 CSS 声明。

 4. 但是并非只有这些，还有其他覆盖 CSS 的方法。如 id 属性。

  在 style 元素中使用 id属性创建一个 CSS 声明，就像下面例子中的样子：

#brown-text {

color: brown;

}

  注意：声明的这个 CSS 在类选择器的上面还是下面是无所谓的，因为 id 属性总是具有更高的优先级。

5.当需要确保某元素具有指定的 CSS 时，可以使用 !important。

  举例如下：

  color: pink !important;

明天计划的事：

1.学习浮动（float）的有关知识。

遇到的问题：

1.暂无

收获：

1.a元素，也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。

  例：

<p>Here's a <a href="http://freecodecamp.cn"> link to FreeCodeCamp中文社区 </a> for you to follow.</p>

2.有时想为网站添加一个a元素，但还不知道要将它们链接到哪儿，此时可以使用固定链接。

  把a元素的href属性的值替换为一个#，别名hash(哈希)符号，将其变为一个固定链接。

  举例如下：

 <a href="#"><img src="/images/relaxing-cat.jpg"></a>

3.CSS 边框的属性有style(样式)、color(颜色)、width(宽度)、height(高度)等。

  举个例子，如果想要让一个HTML元素的边框颜色为红色、边框宽度为5像素(px)、边框样式为固体(solid)，代码如下:

<style>

  .thin-red-border {

    border-color: red;

    border-width: 5px;

    border-style: solid;

}

</style>

返回列表

【任务1】 [成都|结业弟子]JS-彭力 | 2019年03月08日 的日报 中品

评论

分享到

【任务1】 [成都|结业弟子]JS-彭力 | 2019年03月08日的日报中品