随笔分类 - 前端知识
摘要:<div class="container-fluid"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h1 class="text-center">登录</h1> <div class="form-group"> <label
阅读全文
摘要:选择一个模态框样式: 解释:例如图中大模态框代码 <!-- Large modal --> <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Lar
阅读全文
摘要:该框架已经帮你写好了很多页面样式,你如果需要使用,只需要下载它对应文件,之后直接cv拷贝即可 在使用Bootstrap的时候所有的页面样式都只需要你通过class来调节即可 版本选择建议使用v3版本:https://v3.bootcss.com 注意: bootstrap的js代码是依赖于jQuer
阅读全文
摘要:jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do
阅读全文
摘要:1.浮动 1.1 CSS 布局的三种机制 网页布局的核心——就是用 CSS 来摆放盒子。 CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流(标准流)、浮动和定位,其中: 普通流(标准流) 块级元素会独占一行,从上向下顺序排列; 常用元素:div、hr、p、h1~h6、ul、ol、dl、f
阅读全文
摘要:ps基本操作以及常用快捷键: 因为网页美工大部分效果图都是利用ps 来做的,所以,以后我们大部分切图工作都是在ps里面完成。 文件--打开 -- 可以打开 我们要测量的图片 ctrl+r 可以打开标尺 或者 视图 -- 标尺 右击标尺, 把里面的单位改为 像素 ctrl+ 加号 键 可以 放大 视图
阅读全文
摘要:前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法,并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript,DOM,BOM。 BOM(Browse
阅读全文
摘要:新建html文件,保存之后,输入“!”,按Tap(或Enter)键,自动生成HTML结构 标签只要直接输入标签名(不要输入<>),按Tap(或Enter)键自动生成完整的标签 输入标签和id:标签名#id名 输入“span#sp",Tap(或Enter)键, => <span id="sp"></s
阅读全文
摘要:JavaScript概述 ECMAScript和JavaScript的关系 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这门语言能够成为国际标准。次年,ECMA发布262号标准文件(ECMA-262)的第一版,规
阅读全文
摘要:CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。 CSS语法 CSS实例 每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 语法
阅读全文
摘要:查文档 W3C:https://www.w3school.com.cn/ MDN:https://developer.mozilla.org/zh-CN/ 前端主要学习内容 HTML:网页的骨架 没有任何的样式 CSS:给骨架添加各种样式 变得好看 JS:控制网页的动态效果 前端框架:BOOTSTR
阅读全文

浙公网安备 33010602011771号