• 课堂随笔


    一、其他标签:

    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大

  • 相关阅读:
    jQuery prop方法
    ftp550权限问题
    一个很适合用来套用后台的框架
    Ajax中post方法400和404的问题
    图片上传,直接通过js预览
    JavaScript的DOM扩展
    DevExpress v16.1.5图表、Dashboard等多个控件API发生变化
    MyEclipse 2016正式版更新内容
    Smart Tag——DevExpress WPF初探
    MyEclipse使用心得:集成和使用Maven的方法
  • 原文地址:https://www.cnblogs.com/1014852131qq/p/13213668.html
Copyright © 2020-2023  润新知