一、其他标签:
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大