摘要:什么是CSS CSS是Cascading Style Sheet的缩写。译作”层叠样式表单“。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。使用CSS样式可以控制许多仅使用HTML无法控制的属性。HTML是一种标记性语言。当在浏览器中打开一个HTML网页时,浏览器将读取该
阅读全文
摘要:盒模型 盒模型 盒模型 CSS+DIV 将数据封装到div中,页面中都是有很多div组成的,通过css布局(通过css属性布局)完成这些div位置的存放,一个div就是一个盒子。 边框 border:{ --left --right --top --bottom }; #div_1{ border-
阅读全文
摘要:CSS学习笔记05 display属性 HTML标记一般分为块标记和行内标记两种类型,它们也称块元素和行内元素。 块元素 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。并且块级元素容器可以容纳多个嵌套的块级标签或者行内标签。常见的块元素
阅读全文
摘要:开始使用less 完成了以上工作之后,我们终于开始要进入主题啦,下面能我就只是讲讲基本的使用,详细的使用大家还是去看官网的吧,毕竟写起来太长了,很耗费时间呢。 变量:less中定义变量是用@变量名:值;的方式的 生成的css代码: 混合式写法: 混合可以将一个定义好的class A轻松的引入到另一个
阅读全文
摘要:<!DOCTYPE> 标签是什么 DOCTYPE 标签,是html文档的类型声明(document type declaration,所谓声明,也就是宣称我他妈是谁),用来告诉浏览器,使用什么样的文档类型定义(Document Type Definition, DTD,是对文档概括性描述,什么个结构
阅读全文
摘要:css3+javascript实现翻页幻灯片 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 4
阅读全文
摘要:JQuery JQuery JQuery是js的一个库,封装一些我们常用的功能,方便我们去调用,提高开发效率 JQuery基本引用 1.引包 2.两种方式 $(document).ready(function(){}) $(function(){}) 3.使用 获取事件源 事件 事件处理程序 JQu
阅读全文
摘要:如何垂直居中一个浮动元素 // 方法一:已知元素的高宽 #div1{ width:200px; height:200px; position: absolute; /*父元素需要相对定位*/ top: 50%; left: 50%; margin-top:-100px ; /*二分之一的height
阅读全文
摘要:Bootstrap是简单、灵活的用于搭建WEB页面的HTML、CSS、Javascript的工具集。Bootstrap基于HTML5和CSS3,具有漂亮的设计、友好的学习曲线、卓越的兼容性,还有12列响应式栅格结构,丰富的组件等等。按照官网的宣传来说,Bootstrap 是最受欢迎的 HTML、CS
阅读全文
摘要:当HTML结构如下所示: [html] view plain copy <div id="container"> <div class="left">left</div> </div> [html] view plain copy [html] view plain copy 同时,CSS这样写:
阅读全文
摘要:什么是渐进增强(progressive enhancement)、优雅降级(graceful degradation)呢? 渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
阅读全文
摘要:JavaScript 插件可以单个引入(使用 Bootstrap 提供的单个 *.js 文件),或者一次性全部引入(使用 bootstrap.js 或压缩版的 bootstrap.min.js)。 模态框,模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小和最实用的功能集。 模态窗口的标题
阅读全文
摘要:下拉菜单,要有一个下拉的效果,一个Dropdown按钮和右侧有个小图标caret,这个小图标和按钮的文本是平级的。 button按钮中有个dropdown-tooggle,还有一个data-toggle属性,根据这个属性来弹出下拉列表。 然后接着ul标签的dropdown-menu是和上面butto
阅读全文