随笔分类 -  [33]DIV CSS

• Bootstrap(2)整体架构
  摘要：Bootstrap(2)整体架构大多数Bootstrap的使用者都认为Bootstrap只提供了CSS组件 和JavaScript插件，其实CSS组件和JavaScript插件只是Bootstrap框架的表现形式而已，它们都是构建在基础平台之上的。本节目录：整体架构栅格系统CSS组件架构JS插件架构... 阅读全文
  posted @ 2015-09-08 22:56 HackerVirus 阅读(423) 评论(0) 推荐(0)
• Less入门学习总结
  摘要：Less入门学习总结一、什么是Less css的Less好比是js的Jquery，可以让人们更方遍快捷的使用css，使css代码更简洁，可以减少重复的代码，减少开发人员的工作量。 Less CSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS赋予了动态语言的特... 阅读全文
  posted @ 2015-08-08 23:10 HackerVirus 阅读(220) 评论(0) 推荐(0)
• css2与css3的区别
  摘要：css2与css3的区别CSS3引进了一些新的元素新的特性，我收集以下，自己做了一个小结：animation（基础动画）eg: div{animation: myfirst 5s linear 2s infinite alternate;/* Firefox: */-moz-animation: m... 阅读全文
  posted @ 2015-03-02 22:43 HackerVirus 阅读(379) 评论(0) 推荐(0)
• td中的值自动换行
  摘要：设置td中的值自动换行在 中加上这样一句代码,可以简省设置,使长字符串换行.而不用设置width,height.style="word-wrap:break-word;word-break:break-all;"注意要设置td的宽度,否则没有.注：word-wrap:设置或检索当当前行超过指定容器的... 阅读全文
  posted @ 2014-12-26 16:41 HackerVirus 阅读(319) 评论(0) 推荐(0)
• UI控件库
  摘要：UI控件库分享：DWZ(j-UI)、LigerUI、LinbDWZ(j-UI)： 在线演示地址：http://demo.dwzjs.com 在线文档：http://demo.dwzjs.com/doc/dwz-user-guide.pdf DWZ框架Ajax开发视频教材：http://demo... 阅读全文
  posted @ 2014-12-17 21:35 HackerVirus 阅读(259) 评论(0) 推荐(0)
• Bootstrap的栅格系统
  摘要：Bootstrap的栅格系统上一节：ASP.NET MVC5 + EF6 入门教程 (6) View中的Razor使用源码下载：点我下载要做一个完整的系统，除了需要MVC这样的B/S框架及EF这样的数据库访问技术之外，一个简洁、美观、大方的UI框架也是必不可少的。话不多说，有请今天的主角登场！！看看... 阅读全文
  posted @ 2014-12-17 21:09 HackerVirus 阅读(338) 评论(1) 推荐(0)
• Normalize.css
  摘要：Normalize.css本文译自http://nicolasgallagher.com/about-normalize-css/最初发布于我的博客：http://jerryzou.com/posts/aboutNormalizeCss/Normalize.css只是一个很小的CSS文件，但它在默认... 阅读全文
  posted @ 2014-11-21 13:49 HackerVirus 阅读(211) 评论(0) 推荐(0)
• Ace - Responsive Admin Template
  摘要：Ace - Responsive Admin TemplateAce简介：Ace 是一个轻量、功能丰富、HTML5、响应式、支持手机及平板电脑上浏览的管理后台模板，基于CSS框架Bootstrap制作，Bootstrap版本更新至 3.0，Ace – Responsive Admin Templat... 阅读全文
  posted @ 2014-09-17 14:07 HackerVirus 阅读(405) 评论(0) 推荐(0)
• Twitter Bootstrap JavaScript插件
  摘要：Twitter Bootstrap JavaScript插件本文收集了10款非常不错的JavaScript Twitter bootstrap扩展插件，利用Boostrap开发者可以节省大量的时间修复跨浏览器布局问题，实现各种形式的Web界面。Bootstrap是基于HTML，CSS和JavaScr... 阅读全文
  posted @ 2014-09-17 13:47 HackerVirus 阅读(186) 评论(0) 推荐(0)
• 一套后台管理html模版
  摘要：一套后台管理html模版最近自己需要一套后台管理的模版，然后去网上查找，模版的确很多，但是适合我的并不多。我需要的模版是不会很大，我能够控制代码，样式不要太古朴，最好有点CSS3的效果。最后终于找到一张主页，然后再根据这个主页来编辑其他的后台部分。第一眼看到这个样式，就非常满意。现在只做了四张页面，... 阅读全文
  posted @ 2014-08-05 10:59 HackerVirus 阅读(551) 评论(0) 推荐(0)
• HTML的框架，表格
  摘要：#2 HTML的框架，表格【以下是个人笔记，由于水平有限，因此有错误的地方，希望M我。谢谢】表格|表单|框架---------------表格:布局 ----现在很少用到好处: 适合做简单的布局不足: 不利于搜索引擎搜索到； 表格要全部下载到本地机才能显示； 适合做中小型企业网站！ ... 阅读全文
  posted @ 2014-07-28 20:34 HackerVirus 阅读(363) 评论(0) 推荐(0)
• 学习Sass之安装Sass
  摘要：学习Sass之安装Sass为什么使用Sass作为前端（html、javascript、css）的三大马车之一的css，一直以静态语言存在，HTML5火遍大江南北了、javascript由于NODE.JS而成为目前前后端统一开发语言的不二之选。只有css似乎成为前端开发的被忽视的角色了。Sass让cs... 阅读全文
  posted @ 2014-06-16 16:55 HackerVirus 阅读(233) 评论(0) 推荐(0)
• NEC的学习笔记
  摘要：NEC的学习笔记写过很多代码后，会有代码的规范有一些需求，会有想写出美观、规范、易懂的代码。今天学习了NEC，全称Nice Easy CSS（http://nec.netease.com/）,顾名思义，就是为了写简单漂亮的CSS代码，下面是我今天所学。PS:有可能有些我理解会有问题。规范我最看重这个，里面的框架、代码库、插件我觉得不是太重要。CCS规范CSS文件的分类：公共型样式：也就是各个页面共用的样式特殊型样式：当前页面的特殊样式（只此页面使用）皮肤型样式：换肤的样式，有三个文件（如果产品需要换肤功能，那么我们需要将颜色、背景等抽离出来放在这里。——摘自NEC规范文档）1.global.c 阅读全文
  posted @ 2014-03-23 23:38 HackerVirus 阅读(358) 评论(0) 推荐(0)
• 网络性能与语法性能建议
  摘要：常用CSS优化总结——网络性能与语法性能建议在前端面试中最常见的问题就是页面优化和缓存（貌似也是页面优化），被问了几次后心虚的不行，平然平时多少会用到一些，但突然问我，很难把自己知道的都说出来。页面优化明显不是一两句能够说完的，这两天总结了一下CSS相关的优化知识，写篇博客梳理一下，还望大家多多指教关于CSS的优化工作主要从两个方面着手网络性能：把CSS写到字节数最少，加快下载速度，自然可以让页面渲染的更快一些语法性能：同样都能实现某些效果，但并不是所有的方式效果都相同，我们看过不少关于JavaScript方面的语法优化知识，其实CSS里面也有一些CSS压缩CSS压缩并不是什么高端的姿势，但却 阅读全文
  posted @ 2014-01-14 21:37 HackerVirus 阅读(155) 评论(0) 推荐(0)
• 关于CSS reset的思考
  摘要：关于CSS reset的思考在现在的网站设计中使用reset.css用重置整个站点的标签的CSS属性的做法很常见，但有时候我们已经为了reset而reset，我们经常看到这样的reset代码div{ padding:0px; margin:0px;}span{ margin:0px; }其实大部分CSS reset是没必要的，多写了只会增加浏览器在渲染页面是的负担，当然有同学会说CSS reset还是有其意义的，这个我也承认，但是我们可以通过了解一些标签的CSS属性的默认值来避免过度的reset标签属性默认值由于大部分的CSS reset都是针对padding、border、marg... 阅读全文
  posted @ 2014-01-09 18:55 HackerVirus 阅读(213) 评论(0) 推荐(0)
• 编写更好的CSS
  摘要：编写更好的CSS编写好的CSS代码能提升页面的渲染速度。本质上，一条规则都没有引擎解析的最快。MDN上将CSS选择符归拆分成四个主要类别，如下所示，性能依次降低。ID 规则Class 规则标签规则通用规则对效率普遍认识是从Steve Souders在2009年出版的《高性能网站建设进阶指南》开始的，虽然Souders的书中罗列的非常详细，你可以在这里查看完整列表引用。你也可以在谷歌的高效的CSS选择器的最佳实践中查看更多的细节。本文我想分享一些我在编写高性能CSS中用到的简单的例子和指导方针。受MDN的编写高效的CSS指南的启发，并遵循类似的格式。避免过度约束作为一般规则，不添加不必要的约束。 阅读全文
  posted @ 2014-01-08 22:33 HackerVirus 阅读(184) 评论(0) 推荐(0)
• CSS清浮动处理（Clear与BFC）
  摘要：CSS清浮动处理（Clear与BFC）在CSS布局中float属性经常会被用到，但使用float属性后会使其在普通流中脱离父容器，让人很苦恼1 浮动带来布局的便利，却也带来了新问题 1 2 3 4 5 Clear float 6 23 24 25 26 27 28 29 30 31 32 33 我们希望看到的效果是这样的但结果却是这样的父容器并没有把浮动的子元素包围起来，俗称塌陷，为了消除这种现象，我们需要一些清除浮动的技巧。2 如何清理浮动清... 阅读全文
  posted @ 2014-01-07 22:10 HackerVirus 阅读(146) 评论(0) 推荐(0)
• 通用选择器和高级选择器
  摘要：目录通用选择器高级选择器子选择器相邻兄弟选择器属性选择器通用选择器通用选择器可以选择页面上的所有元素，并对它们应用样式，用 * 来表示。语法：* { property1: value; property2: value; }示例：* { margin:0; padding:0;}这行代码可以删除每个元素在浏览器中margin和padding的默认值。不同的浏览器对元素的默认margin和padding可能不同，用通用选择器把所有元素的margin和padding都设置为0方便我们精确地控制元素的margin和padding。此处我们以IE11为例看一下实际效果：当我们想要h1距离下一个元素的距 阅读全文
  posted @ 2013-12-29 00:10 HackerVirus 阅读(345) 评论(0) 推荐(0)
• media Queries实现一个响应式的菜单
  摘要：使用media Queries实现一个响应式的菜单Media queries是CSS3引入的一个特性，使用它可以方便的实现各种响应式效果。在这个示例中我们将会使用media queries实现一个响应式的菜单。这个菜单会根据当前浏览器屏幕的大小变化而自动的呈现出不同的样式。如果浏览器屏幕大于800px，菜单则会显示在页面左侧；如果浏览器屏幕介于401px到800px之间，菜单则会显示在页面上方，与其他内容是上下关系；如果屏幕小于400px，则菜单仍在页面上方，但是菜单会变为下拉列表形式。预览地址:http://htmlpreview.github.io/?https://github.com/ 阅读全文
  posted @ 2013-12-17 00:14 HackerVirus 阅读(184) 评论(0) 推荐(0)
• css实现固定高度及未知高度文字垂直居中的完美解决方案
  摘要：css实现固定高度及未知高度文字垂直居中的完美解决方案2013-12-03 00:00 by 龙恩0707,18阅读,0评论,收藏,编辑 在工作当中我们经常碰到类似于"固定高度文字垂直居中及未知高度垂直居中问题"，或者 "图片垂直居中问题"，而我们最容易会想到使用表格来垂直居中，或者如果是单行文字的话使用height(高度)和line-height（行高）来解决，但是假如页面有多行文字的话 固定高度该怎么解决? 或者未知高度我们该用css怎么解决? 且兼容各个游览器！一：单行文字垂直居中： 如果一个容器中只有一行文字的话，让他垂直居中比较简单 直接定义h 阅读全文
  posted @ 2013-12-03 00:26 HackerVirus 阅读(5415) 评论(1) 推荐(0)

博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3