随笔分类 - 前端开发
摘要：目录： 一、HTML部分 二、CSS部分 三、JavaScript部分 四、jQuery部分 五、Bootstrap部分 一、HTML部分 2. 前端页面有哪几层构成，分别是什么？作用是什么？ 3. form表单中input标签的readonly和disabled属性有何区别？ 4.内联标签有哪些？
阅读全文
摘要：一、什么是事件 页面对不同访问者的响应叫做事件。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。 实例： 在元素上移动鼠标。 选取单选按钮 点击元素 在事件中经常使用术语"触发"（或"激发"）例如： "当您按下按键时触发 keypress 事件"。 常见 DOM 事件 二、jQuer
阅读全文
摘要：一、什么是jQuery jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 jQuery库包含以下功能： HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM
阅读全文
摘要：基本选择器 首先来说一下，什么是选择器。在一个HTML页面中会有很多很多的元素，不同的元素可能会有不同的样式，某些元素又需要设置相同的样式，选择器就是用来从HTML页面中查找特定元素的，找到元素之后就可以为它们设置样式了。 选择器为样式规则指定一个作用范围。 基础选择器包括： 标签选择器 类选择器
阅读全文
摘要：网页中引用CSS样式 内联样式 行内样式表 外部样式表 链接式 导入式 链接式 导入式 内嵌方式 行内样式 外联样式表-链接式 link标签 在HTML文件中通过link标签引入： 外联样式表-@import url()方式 导入式 了解即可。 index.css 链接式与导入式的区别
阅读全文
摘要：CSS 语法 CSS 实例 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明: 选择器通常是您需要改变样式的 HTML 元素。 每条声明由一个属性和一个值组成。 属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。 CS
阅读全文
摘要：我们为什么需要CSS? 使用css的目的就是让网页具有美观一致的页面，另外一个最重要的原因是内容与格式分离 在没有CSS之前，我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性，当HTML内容非常多时，就会定义很多重复的样式属性，并且修改的时候需要逐个修改，费心费力。是时候做出改变
阅读全文
摘要：HTML 框架 iframe语法: 该URL指向不同的网页 Iframe - 设置高度与宽度 height 和 width 属性用来定义iframe标签的高度与宽度。 属性默认以像素为单位, 但是你可以指定其按比例显示 (如："80%")。 Iframe - 移除边框 frameborder 属性用
阅读全文
摘要：HTML 表单 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。 表单使用表单标签 <form> 来设置: HTML 表单 - 输入元素 多数情况下被用到的表单标
阅读全文
摘要：HTML 布局 - 使用<div> 元素 div 元素是用于分组 HTML 元素的块级元素。 下面的例子使用五个 div 元素来创建多列布局： 产生的效果： HTML 布局 - 使用表格 使用 HTML <table> 标签是创建布局的一种简单的方式。 大多数站点可以使用 <div> 或者 <tab
阅读全文
摘要：HTML <div> 和<span> HTML 可以通过 <div> 和 <span>将元素组合起来。 HTML 区块元素 大多数 HTML 元素被定义为块级元素或内联元素。 块级元素在浏览器显示时，通常会以新行来开始（和结束）。 实例: <h1>, <p>, <ul>, <table> HTML
阅读全文
摘要：HTML无序列表 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。 无序列表使用 <ul> 标签 HTML 有序列表 同样，有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。 列表项使用数字来标记。 HTML 自
阅读全文
摘要：HTML 表格 表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 表格实例 显示如
阅读全文
摘要：HTML 图像- 图像标签（ <img>）和源属性（Src） 在 HTML 中，图像由<img> 标签定义。 <img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。 要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。 定义图像的
阅读全文
摘要：CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式 如何使用CSS CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的. CSS 可以通过以下方式添加到HTML中: 内联样式- 在HTML元素中使用"style" 属性 内部样式表 -在
阅读全文
摘要：HTML <head> 元素 <head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。 可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <n
阅读全文
摘要：HTML超链接（链接） HTML使用标签<a>来设置超文本链接。 超链接可以是一个字，一个词，或者一组词，也可以是一副图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。 当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。 在标签<a> 中使用了href属性来描述链接的地址
阅读全文
摘要：HTML文本格式化 HTML 格式化标签 HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如：粗体 or 斜体 HTML 文本格式化标签 HTML "计算机输出" 标签 HTML 引文, 引用, 及标签定义
阅读全文
摘要：HTML段落 段落是通过<p>标签定义的 注意：浏览器会自动地在段落的前后添加空行。（</p> 是块级元素） 不要忘记结束标签 即使忘了使用结束标签，大多数浏览器也会正确地将 HTML 显示出来： 上面的例子在大多数浏览器中都没问题，但不要依赖这种做法。忘记使用结束标签会产生意想不到的结果和错误。
阅读全文
浙公网安备 33010602011771号