课堂随笔

一、其他标签:

1、<button>标签是使用来定义一个按钮,在该标签中可以放置一些内容(文本、图像等)

2、<canvas>标签是使用来规定一个图形容器(画布),然后通过脚本( JavaScript等)来绘制图形,比如:绘制路径、盒、圆、字符以及添加图像等。

3、<caption>标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

4、<font>标签是用来规定文本的字体、字体尺寸、字体颜色。 <fontface="字体的名字"> 例: <fontface="楷体">/*设置楷体*/ <fontface="黑体">/*设置黑体*/

5、<footer>标签是使用来定义文档或节的页脚。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。

6、<header>标签是定义文档的页眉(介绍信息)。

7、<hr>标签在HTML页面中创建一条水平线。水平分割线可以在视觉上将文档分隔成各个部分。

8、<link>标签是定义文档与外部资源的关系。最常用的用途是连接样式表。

9、<nav>标签是使用来定义导航链接的部分。<nav>标签只是用来表示该区域是导航链接,默认并没有什么显示效果。 通过<nav>标签能更好的实现在不同设备上如:手机、电脑等)控制导航链接是否显示,从而让网页适应不同大小的屏幕。

10、<pre>元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。<pre>标签的一个常见应用就是用来表示计算机的源代码。

11、<script> 标签用于定义客户端脚本。比如JavaScript。<script> 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。

12、<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

13、<style> 标签用于为 HTML 文档定义样式信息。在 <style> 中,可以规定在浏览器中如何呈现 HTML 文档。

需要特别记住的:button、font、footer、header、hr、pre这些标签

二、视频音频:

常用的就是空格、小于号、大于号、版权和注册商标!!!

 二、CSS(层叠样式表)

1、CSS的三种引入方式:行内样式(内联),内部样式表,外部样式表。

行内(内联)样式:在HTML标签上添加style属性来实现的。然后将CSS属性写在style属性的属性值的双引号中。

内部样式:在head标签中书写style标签,然后在style标签中书写css,style标签具有type属性,属性值为“text/css”

外部样式:<link>标签 rel herf 引入一个单独的CSS文件,name.css通过link标签引入外部资源,rel属性指定资源跟页面的关系,href属性资源的地址。引入外部样式的两种方式

第一种:

第二种:这种方式有很多问题,不建议使用。

2、选择器:

元素选择器:div{}

类选择器:.cl{}

ID选择器:#id{}

属性选择器:[type="text]{}

用的比较多的是类选择器和id选择器和属性选择器,一般建议用类、id选择器

三、优先级问题:

样式表的优先级只针对产生冲突的样式,没有发生冲突样式都会执行。行内样式表中的样式优先级最高,内部样式和外部样式表的优先级取决于书写顺序,写在后边的样式表中的样式优先级高。

内联>ID选择器>类选择器>元素选择器

四、尺寸属性:

1、width 宽度 ;height 高度 ;max-width 最大宽度 ;max-height 最大高度;min-width 最小宽度;min-height最小高度

块状元素设置宽高是生效的,行内元素设置宽和高是不生效的

最大宽度不能超过400,高度超过100只显示100,可以小于100

最小宽度可以超过400,最小高度可以比100大

原文地址:https://www.cnblogs.com/1014852131qq/p/13213668.html