随笔分类 - HTML
摘要：在流式布局和flex布局之中，我们的文字都是固定大小。高度也都是固定的。我们怎么让文字和高度自适应呢？ 1. rem基础 rem是一个单位，rem(root rem)是一个相对单位，类似于em em是父亲元素字体大小 不同的是rem的基准是相对于html元素(根元素)的字体大小 比如 根元素(htm
阅读全文
摘要：1. flex 布局体验 传统布局: 兼容性好 布局繁琐 局限性，不能在移动端很好的布局。 flex 弹性布局: 操作方便 布局极为简单 移动端应用很广泛 PC端浏览器支持情况较差 IE 11或更低版本 不支持或仅部分支持。 建议: 如果是PC端页面布局 我们还是选择传统布局 如果是移动端或者不考虑
阅读全文
摘要：1.移动端基础 1.1 浏览器现状 国内的UC和QQ 百度等手机浏览器都是根据Webkit修改过来的内核，国内目前尚无自主研发的内核，就像国内的手机系统基本上都是局域安卓修改开发的一样. 意思就是:兼容移动端主流浏览器 处理Webkit内核浏览器即可。 1.2 手机屏幕的现状 移动端设备屏幕尺寸非常
阅读全文
摘要：浏览器的私有前缀是为了兼容老版本的写法 比较新版本的浏览器无需添加 1.私有前缀 -moz-:代表firefox(火狐)浏览器的私有属性 -ms-:代表IE浏览器的私有属性 -webkit-:代表safari chrome私有属性 -o-:代表opera(欧朋)浏览器私有属性 2.提倡写法 一圆角为
阅读全文
摘要：一.什么是HTML5 万维网的核心语言，标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,具有新的元素,属性和行为。 相比旧版本HTML5具有更大的技术集 允许更多样化和强大的we哪个站和应用程序 增加了 语义特性 本地存储特性 设备兼容特性 链接特性 网页多媒体特性 三维 图
阅读全文
摘要：1.什么是Canvas canvas就是一个画布，可以进行画任何的线，图形，填充等一系列操作。这一切都是用Js操作的，另外Canvas不仅仅提供简单的二维矢量绘图，也提供了三维的绘图，以及图片处理等一系列的api支持。 创建canvas标签 上面的标签只是一个画布，Id属性是必须的，后面要用Id来拿
阅读全文
摘要：拖放(Drag & Drop)是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。过去，我们用监听鼠标的Mousedown、Mouseove、Mouseup等事件来不停地获取鼠标的坐标来修改元素的位置，而现在html5原生的Drag &Drop
阅读全文
摘要：URL也被称为网址 URL可以由单词组成，比如"www.baidu.com" 或者是因特网协议IP地址:192.168.1.253。大多数人在网上冲浪时，会键入网址的域名，因为名称比数字容易记忆。 当你点击HTML页面的某个链接时 <a>标签指向一个万维网地址 统一资源定位器(URL)用于定位万维网
阅读全文
摘要：HTML <div> 和 <span> 可以通过<div>和<span>将HTML元素组合起来. HTML块元素 大多数HTML元素被定义为块级元素或者内敛元素 块级元素在浏览器现实的额时候，通常会以新行来开始(和结束) 例子:<h1>,<p>,<ul>,<table>等。 HTML 内敛元素 内敛
阅读全文
摘要：HTML 列表 html中列表使用标签<ul>和 <ol>来实现，不同的行用标签<li>来实现 <li>中包含的就是列表每行的内容。列表包含有序列表<ol> 和 无序列表<ul> 定义列表 自定义列表不仅仅是一列项目，而是项目及其注释的组合。 自定义列表以 <dl> 标签开始。每个自定义列表项以 <
阅读全文
摘要：HTML 表格 HTML中的表格使用标签<table>来实现，每个表格均有若干行由<tr>标签来定义，每个<tr>表示一行。美航被分为若干个单元格用<td>标签来实现。<td>标签内包含的是单元格的内容。 数据单元格可以包含文本 图片 列表 段落 表单 水平线表格等内容。 HTML表格的边框属性 如
阅读全文
摘要：HTML 图像 图像标签（<img>）和源属性（Src） 在HTML中,图像由<img>标签定义。 <img>是空标签，意思是说，他只包含属性，并且没有闭合标签 要在页面上显示图像 你需要使用源属性(src) src是指"source"源属性指的是图片的URL地址。或者图片的文件路径。 替换文本属性
阅读全文
摘要：HTML链接 超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。 当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。 我们通过使用 <a> 标签在 HTML 中创建链接。 有两种使用 <a> 标签的方式： 通过使用 hr
阅读全文
摘要：HTML 可定义很多供格式化输出的元素，比如粗体和斜体字。 <b>定义粗体字体 <big>定义大号字体，相应的<small>定义小号字体 <em>定义着重文字 <strong>定义加重语气 <pre> pre 标签对空行和空格进行控制。通常html中使用空格是没有效果的，但是如果空格包含在<pre>
阅读全文
摘要：HTML 样式 style属性用于改变HTML元素的样式。 HTML 的 style 属性 style 属性的作用： 提供了一种改变所有 HTML 元素的样式的通用方法。 样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style
阅读全文
摘要：本篇博客讲一讲HTML中的标签 HTML 标题 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。<h1> 定义最大的标题。<h6> 定义最小的标题。 效果如下： <h1>~<h6>字体由大到小，由粗到细。但是请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请
阅读全文
摘要：HTML属性 HTML 标签可以拥有属性。属性提供了有关HTML元素更多的信息。 属性总是以键值对的形式出现。例如 name = "value"; 属性总是在HTML元素的开始标签中规定。 属性实例 HTML链接由<a>标签定义,链接的地址在href属性中指定。 其中align="center"规定
阅读全文
摘要：HTML元素 HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。 大多数HTML元素可以嵌套（可以包含其他的HTML元素） HTML 文档由嵌套的 HTML 元素构成。 上面的例子包含三个 HTML 元素。 <p>This is a paragraph</p
阅读全文
浙公网安备 33010602011771号