css框架 | 易学教程

工具类css框架

阅读更多关于工具类css框架

@charset "UTF-8"; * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; } html { font-size: 13px; } body { margin: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; background: #f1f1f1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: #999; } .w-100 { width: 100%; } .h-100 { height: 100%; } .text-info { color: #4b67af; } .bg-info { background: #4b67af; } .text-primary { color: #db9e2f; } .bg-primary { background: #db9e2f; } .text-white { color: #fff; } .bg-white { background: #fff; } .text-light { color: #f9f9f9; } .bg

零基础的网站开发初学者如何系统的学习？

阅读更多关于零基础的网站开发初学者如何系统的学习？

A.学习背景开始网站开发，起先是从手机网站的UBB语法开始的，也因此有了深入学习的兴趣。为了让学习的热情膨胀，我有意的培养这一爱好，定位了自己要成为一名优秀的网站开发员的目标。作为一名只有高中水平的零基础初学者，周围也没有掌握相关知识的朋友，打算自学的我只有通过google,baidu来了解要学习网站开发所需要的知识点。目前掌握的知识点了解到网站分为前端和后端。前端方面：由于我是从UBB语法上开始的，我一开始就选择了学习的XML，后来学到，schema的一知半解，到后来的DOM就出现了瓶颈，于是放下这个开始学习HTML，CSS,可是一直都觉得简单，也就当看电影一样一气呵成，便开始了学习Javascript，一直坚持到了自己能编写一些简单的效果，也在这里进一步的了解了DOM，此时我觉得可以进行一些进阶级的网站效果设计，可是忽然发现我对HTML+CSS原来是如此不堪，我并不能很好的用它们去编排内容，更或者说我连从哪下手去设计都不知……为此我迷茫了很久，又回过头来学习一遍，我才发现自己脑子里的知识点是一片混乱！由于我是断网自学（手机上网看文字的内容还是很方便的），原因是为了不让自己在网络上分散了学习上的那份专注。所以对于图片等素材是很是欠缺的。我也知道前端对于熟悉PS，AI，Flash等图行工具很重要，可是我看了这么多教程，就是找不到学习的窃门

HTML+CSS项目——模拟京东网页

阅读更多关于 HTML+CSS项目——模拟京东网页

项目准备项目名称：京东商城项目描述：京东首页公共部分的头部和尾部制作，京东首页中间部分。设计目标保证浏览器 ie7及以上, 火狐, 360, safari，chrome等。谁让我再测ie6，就跟谁急。。熟悉CSS+DIV布局，页面的搭建工作了解常用电商类网站的布局模式为后期京东移动端做铺垫几点思考 (1)开发工具 sublime 、fireworks（ps）、各种浏览器(ie6.7 要测看心情) (2)CSS Rest 类库,为跨浏览器兼容做准备(也可以直接运用jd网站的初始化) normalize.css 只是一个很小的CSS文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset，Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks 以及许许多多其他框架、工具和网站上。你值得拥有。。 - 保护有用的浏览器默认样式而不是完全去掉它们 - 一般化的样式：为大部分HTML元素提供 - 修复浏览器自身的bug并保证各浏览器的一致性 - 优化CSS可用性：用一些小技巧 - 解释代码：用注释和详细的文档来 (3)技术栈 HTML5 结构 + CSS3 布局

CSS 预处理语言之 Scss 篇

阅读更多关于 CSS 预处理语言之 Scss 篇

简介 1. Sass 和 Scss Sass 和 Scss 其实是同一种东西，我们平时都称之为 Sass；Scss 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。也就是说，任何标准的 CSS3 样式表都是具有相同语义的有效的 Scss文件。两者之间不同之处有以下两点：文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 Scss 是以“.scss”后缀为扩展名语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;) ，而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。示例: // Sass 语法 $w:200px; //定义变量 $h:300px; //定义变量 body width:$w; height:$h; // Scss 语法 $w:200px; $h:300px; body{ width:$w; height:$h; } /* 编译出来的css*/ body{ width:200px; height:300px; } 2. Sass/Scss 和 Css Sass 和 Css Sass 和 CSS 写法的确存在一定的差异，由于 Sass 是基于 Ruby 写出来，所以其延续了 Ruby 的书写规范。在书写 Sass 时不带有大括号和分号，其主要是依靠

CSS动画特效（人生第一篇博客）

阅读更多关于 CSS动画特效（人生第一篇博客）

HTML+CSS简单动画效果　　首先搭建好网页框架，框架是每个网页都不可少的，有了框架，一个网页才能搭建好，就像做房子一样，先要把房子的外形造好再慢慢地装修。什么是框架呢？我个人是这么理解的，每个网页的框架都是由N多个div组成的，div就像一个一个的箱子，可以往里面装很多很多东西。div里还能再装一个div，我们称之为嵌套，往一个标签里面再写一个标签这就是嵌套。嵌套也是有很多规则与写法的。然后网页都是用html写出框架载用css修饰的，那么今天小编也是刚刚学了一个css的动画显示效果。这里我就不多说了，因为毕竟我自己也是一个小白，哈哈哈！ HTML框架结构 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>太极八卦</title> 8 <link rel="stylesheet" href="css/tj.css" type="text/css"> /*这里是外部导入的css链接*/ 9 </head> 10

css reset重定义浏览器默认样式

阅读更多关于 css reset重定义浏览器默认样式

@charset "utf-8"; /* -----------H-ui前端框架----------------------- H-ui.reset.css v1.2 重定义浏览器默认样式 H-ui.reser CSS file for H-ui Copyright H-ui Inc. http://www.H-ui.net date:2014.10.09 Created & Modified by guojunhui. ----------------------------------------------*/ /*1 重定义浏览器默认样式 Name: style_reset Level: Global Explain: 重定义浏览器默认样式 Last Modify: jackying */ *{word-wrap:break-word} html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0} ul,ol,dl{list-style-type:none} html,body{*position:static} html{font-family: sans-serif;-webkit

前端常用js插件

阅读更多关于前端常用js插件

JavaScript 资源大全中文版包管理器管理着 JavaScript 库，并提供读取和打包它们的工具。 npm：npm 是 JavaScript 的包管理器。官网 Bower：一个 web 应用的包管理器。官网 component：能构建更好 web 应用的客户端包管理器。官网 spm：全新的静态包管理器。官网 jam：一个专注于浏览器端和兼容 RequireJS 的包管理器。官网 jspm：流畅的浏览器包管理器。官网 Ender：没有库文件的程序库。官网 volo：以项目模板、添加依赖项与自动化生成的方式创建前端项目。官网 Duo：一个整合 Component、Browserify 和 Go 官网的最佳思想，使开发者能快速方便地组织和编写前端代码的下一代包管理器。加载器 JavaScript 的模块或加载系统。 RequireJS：JavaScript 文件和模块的加载器。官网 browserify：在浏览器端以 node.js 的方式 require()。官网 SeaJS：用于 Web 的模块加载器。官网 HeadJS：HEAD 的唯一脚本。官网 curl：小巧、快速且易扩展的模块加载器，它能处理 AMD、CommonJS Modules/1.1、CSS、HTML/text 和历史脚本。官网 lazyload：小巧且无依赖的异步

Sass和LESS-动态CSS技术

阅读更多关于 Sass和LESS-动态CSS技术

一、简介二、Sass/Scss的使用变量注释 css 中注释的作用包括帮助你组织样式、以后你看自己的代码时明白为什么这样写，以及简单的样式说明。但是，你也并不希望每个浏览网站源码的人都能看到所有注释。因此，scss注释方式有两种： body { color: #333; // 这种注释内容不会出现在生成的css文件中 padding: 0; /* 这种注释内容会出现在生成的css文件中 */ } 混合宏mixin VS 继承 VS 占位符什么时候用混合宏，什么时候用继承，什么时候使用占位符？三者各有优缺点，详细比较可以参考 http://www.imooc.com/code/7041 ，总的来说就是：优先使用占位符，如果一定需要基类则用继承，如果需要传递参数则使用混合宏mixin。下图同样是上面链接中关于三者比较的一张图片。运算运算包括数字运算、变量运算数字运算包括：加法、减法、乘法和除法等运算， SASS的编译输出格式 Sass/Scss 编译后生成的CSS的式样格式有： expanded nested compact compressed 其中expanded是默认的格式，和我们平时手动书写CSS的一致，所有式样都是展开的。 nested：输出CSS是，根据在Scss中的“嵌套”显示相应的缩进，嵌套的越深，缩进的越多。 compact

尤大live笔记

阅读更多关于尤大live笔记

vue2.0 源码 vue2.0 源码学习。框架选型框架选型不谈场景都是刷流氓，不同的场景下、开发者群体、偏好不一致，多种方案的并存是必然的有益的。如何选型：经验和对框架工具背后想要解决的问题深入理解组件主流框架都以组件作为基本的抽象单元，组件的发展史 page->application，模块封装. react 揭示了组件可以是函数，组件的分类接入型 container 展示型 component 交互型比如各类加强版的表单组件，通常强调复用功能型比如 <router-view> ， <transition> ，作为一种扩展、抽象机制存在。模板和 jsx 对比，jsx 灵活性高，模板在以展示型为主的场景下不差，jsx 在功能性组件的书写远超模板 colocation: 把该放的东西放一起和以前的 html、js、css 分离相对应变化侦测机制和渲染机制渲染中的申明式和命令式命令式的维护问题，申明式申明数据和 dom 的映射关系，不需要手动去维护操作 view = render(state) vue的模板也是编译成渲染函数，模板和 jsx 的本质是一样的，具体实现可以是 vdom 也可以是细粒度的绑定如 vue1；变化侦测：变化侦测 ppt 。被人诟病，为啥 vue 的声明式写法就是推崇的？前者的作用域的全局的，vue 模板是在特定的作用域中

jquery常用的插件1000收集

阅读更多关于 jquery常用的插件1000收集

花N长时间积累的Jquery插件，希望大家喜欢。大家还有什么新的插件，请留言，我们一并收录。感谢大家的支持。 1. accordion类基于jQuery开发，非常简单的水平方向折叠控件。 Horizontal accordion: jQuery 热点图书：www.hotbook.cn jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion。 jQuery-Horizontal Accordion jQuery plugin: Accordion 用于创建折叠菜单的jQuery插件。 jQuery plugin: Accordion 热点图书：www.hotbook.cn Accordion Menu script 基于 jQuery开发的可折叠菜单。 Accordion Menu script 热点图书：www.hotbook.cn jQuery.combobox jQuery.combobox 是一个采用jQuery开发的combobox控件，可以使用CSS控制该combobox的外观，可以设置各种不同风格的下拉动画效果。 jQuery.combobox 热点图书：www.hotbook.cn 2. AutoComplete jQuery插件易于集成到现在的表单中(Form)。 AutoComplete

订阅 css框架