什么时候会用到表格 现在，表格<table>一般不再用于网页整体的布局。不过，在面对某些特定的设计，如表单输入、数据呈现时，表格则可能是最恰当的选择。 关于表格的直观印象，就是由多个单元格（cell）整齐排列而成的元素，可以明确看出行（row）和列（column）。这可以联想到Excel，由Excel在数据处理和统计上的地位，就可以理解网页中表格的意义。 简单来说，能直观感受到多个元素是以行和列的概念排列时，用表格会让你轻松很多。...
DTD 介绍DTD（Document Type Definition 文档类型定义）是一组机器可读的规则，它们定义 XML 或 HTML 的特定版本中所有允许元素及它们的属性和层次关系的定义。在解析网页时，浏 览器将使用这些规则检查页面的有效性并且采取相应的措施。 DTD 是对 HTML 文档的声明，还会影响浏览器的渲染模式（工作模式）SGML 、 HTML 、XML 和 XHTML 的区别？SGML 是标准通用标记语言，是一种定义电子文档结构和描述其内容的国际标准语言， 是所有...
html是超文本标记语言，用户使用超链接决定文本的浏览顺序，和编程语言区别开，html文档用标记标签描述网页。关于标记标签，是由尖括号和关键词，开始标签和结束标签成对出现。 举个简单的例子 <h1>这是一级标题</h1> html描述网页，html文档包含html标签和文本，用户在打开网页的时候，web浏览器的作用是读取html文档，以网页的形式显示，浏览器不显示html标签，而是用标签解释网页内容。 基本的html文档，使用嵌套的html元素，大...
目录 1.图片精灵（雪碧图）2.元素盒模型3.外边距重叠的条件4.浮动布局5.样式的优先级6.元素的隐藏7.弹性布局8.2d变形9.3d变形10.css动画1.图片精灵（雪碧图） (1)Link标签：引入外部文件<link rel="stylesheet" href="sprite.css">(2)用到图片精灵的时候如何设置背景大图的尺寸？ 不用看大图的原有尺寸，先看纵向和横向有多少小图，然后分别用个数*元素对应轴的尺寸。 (3)图片精灵的定义：将很多张小图整合成一张大图片，然后通过c...
目录 1.长度单位2.行内垂直居中3.元素阴影和文本阴影4.表单元素5.响应式布局1.长度单位 (1)Px：像素，1px相当于屏幕上1个最小的显示单元。 (2)Em表示当前元素的父元素的字体大小。 (3)Rem表示根元素的字体大小。 (4)1vw表示浏览器窗口宽度的1%。 (5)1vh表示浏览器窗口高度的1%。 2.行内垂直居中 vertical-align: middle;3.元素阴影和文本阴影 Box-shadow：设置元素阴影，五个参数： 横向偏移量， 纵向偏移量， 模糊程度， 阴影大小...
目录 时间冒泡与捕获概念（1）捕获阶段（Capture Phase）（2）目标阶段（Target Phase）（3）冒泡阶段（Bubble Phase） 举例代码冒泡模拟模拟结果 捕获模拟模拟结果如下 addEventListener函数补充语法时间冒泡与捕获 概念 一般的，事件分为三个阶段：捕获阶段、目标阶段和冒泡阶段。 （1）捕获阶段（Capture Phase） 事件的第一个阶段是捕获阶段。事件从文档的根节点流向目标对象节点。途中经过各个层次的DOM节点，并在各节点上触发...
HTML & CSS 基础 文章目录 *HTML & CSS 基础*@[toc]<1> HTML 5(1) 基本标签1.文件标签2.文本标签3.图片标签4.列表5.超链接6.行级 \ 块级标签7.语义化标签8.表格标签9.表单标签<2> CSS 31.使用方式:2.选择器3.属性4.例子<1> HTML 5 (1) 基本标签 1.文件标签 <html><head><title>标题</title></head><body><FONT color='red'>Hello World</font><br/><font color='green'>Hello World</font></body> </html>2.文本标签 <!-- 注释内容...
经过一段时间的学习，对于html的一些基础知识有了一定的了解。现总结如下： 一、HTML的定义HTML，超文本标记语言，写给浏览器的语言，目前网络上应用最广泛的语言。HTML也在不断的更新，最新版本已经出现了HTML5。在HTML5中出现了许多新特性，也遗弃了一些旧元素。我们写好html文件后，在浏览器中打开。主流的浏览器包括IE、Firefox、Chrome、Goole等。 二、HTML标签元素HTML元素由开始标签和结束标签组成。虽然现在我们还不知道具...
同学们经常在制作网页的时候，会遇到ie6的兼容问题，下面这篇文章可以帮助大家规范代码和解决ie6中常见的一些兼容问题。 浏览器的兼容问题 浏览器兼容问题可以认为是相同的代码（css,js）在不同的浏览器中执行会产生不同的效果。 中国常见的3大内核： IE内核： IE浏览器、360浏览器（兼容模式） Chrome内核：Chrome、360浏览器（极速模式）、搜狗浏览器、腾讯TT浏览器、百度浏览器、傲游浏览器 火狐内核：firefox浏览器 css hack 由...
1. 定义-- 超文本标记语言HyperText Markup Language，是一种用于描述网页的标准标记语言，不是编程语言 2. 知识点-- 可使用html来建立自己的web站点，html运行在浏览器上，由浏览器来解析-- 对于中文网页，须使用<meta charset="utf-8">声明编码，否则会出现乱码-- html文档后缀名.html / .htm，也叫web页面，包含html标签及文本内容，由元素定义-- html/css/js在线工具，可在线编辑html,css,js代码，并实时查看效果 https://c....
表单三大部分： 1. 表单域：实现用户信息的收集与传递，把它范围内的表单元素信息提交给服务器。 <form action="url地址" methon="提交方式(GET/POST)" name="表单名称" > 表单域</form> 2. 表单控件：又称为表单元素。逐条收集用户信息。<!-- 单行输入框，maxlength为输入字段的字符最大长度 --> <input type="text" maxlength="10" value="请输入xx内容"/><!-- 密码框，输入内容在前端不可见 --> <input type="password" name=...
p1/26 课程内容概述p2/26 B/S结构介绍p3/26 软件环境准备 p4/26 第一个HTML语句 p5/26 HTML的基本标签
渲染过程其实就是将URL对应的各种资源，通过浏览器渲染引擎的解析，输出可视化： HTML/CSS/Javascript ->浏览器渲染引擎->图像渲染模块： 从图中可以看出，一个渲染引擎大致包括HTML解释器，CSS解释器，布局和JavaScript引擎。 HTML解释器：解释HTML语言的解释器，本质是将HTML文件解释成DOM树（文档对象模型）CSS解释器：解释样式表的解释器，作用是将DOM中的各个元素对象加上样式信息，从而为计算最后结果的布局提供依据。布局：...
一.单选框基础 1.基本写法：<input type=“radio” / > 2.实现默认选中，使用checked。 3.若存在多个单选框都在一个分组里，要实现同一时间只能选中一个单选框设置name属性相同即可。 4.提交数据到后台时，后台接收的是value设置的值 二.案例 目标：利用JQuary，点击单选框时将当前单选框设置为checked，同时初始化第一个单选框为checked状态。 html代码 <div id="radioDiv"><label>气 体 :</label> <label ><input type="rad...