在线建站培训
网站模板 网页制作DIV+CSS教程
DIV+CSS教程
响应式Web开发,必懂CSS媒体查询
媒体查询 (本文)将系统地学习媒体查询。媒体查询其实就是css的if语句。如果宽度为800px或更宽,如果是横屏,如果分辨率是1.5dppx或更小:使用这些CSS声明。 媒体查询有以下三种类型。 媒介类型查询:这 ...
2017-3-27 10:11
移动设备大量使用下的自适应移动设备页面css设计
移动设备越来越多,使用手机上网的人也越来越多,移动设备也成为访问互联网的常见终端设置。以前我们在编写管理系统的时候,客户端只需要考虑PC机桌面设备,现在则必须要考虑到移动终端设备了。 移动终端设备的屏幕 ...
2017-3-27 10:11
CSS水平居中和CSS垂直居中代码方法
水平居中的text-align:center 和 margin:0 auto 这两种方法都是用来水平居中的,前者是针对父元素进行设置而后者则是对子元素。他们起作用的首要条件是子元素必须没有被float影响,否则一切都是无用功。margin:0 ...
2017-3-27 10:11
CSS去除li前面小黑点及ul、LI部分属性方法
用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除。 1、在CSS中写入代码。找到相关性的CSS,在。.li和.ul下写入list-syt ...
2017-3-27 10:11
20款优秀前端框架:BootStrap、blueprint等
列举20个优秀的前端框架,供选择使用。前端开发并不难,但是要想做得优雅、健壮并不容易,使用一个好的前端框架能够帮你很多忙。 1. bootstrap/" target="_blank"style="text-decoration: none; font-famil ...
2017-3-27 10:11
Toolkit:比Bootstrap还更强大的前端框架
流行的前端框架有bootstrap、Foundation,这两都有着常用的网页设计组件,并且兼容移动设备,深受大众喜爱,但如果你认为这两个框架的组件依然不够用的话,可尝试今天分享的Toolkit,它内置的UI组件更多、更强大,而 ...
2017-3-27 10:11
CSS3时代:你应该知道的5个CSS3新技术
css是众所周知且应用广泛的网站样式语言,在css3中,新增了一些能够节省时间的特性。尽管只有当前最新了浏览器版本才能支持这些 效果,但了解它们还是必须且很有趣味性的。暴风彬彬将在这篇文章向大家展示CSS中的5个 ...
2017-3-15 10:04
CSS3实现标题链接平滑右移效果代码
用的是css3。 优点:效果一样,没啥优点。 缺点:不兼容IE浏览器,在IE下会右移,但是没有平滑效果,因为IE不支持css3。 先给你标题的a标签样式添加以下CSS属性: -webkit-transition: margin 0.2s e ...
2017-3-15 10:04
火狐插件dust-me-selectors:检查多余CSS代码的神器
博客因为修改无数次,所以多余的css代码一大堆。分享一个火狐的插件,叫dust-me-selectors,检查多余CSS代码,堪称CSS神器。 为什么说dust-me-selectors是神器呢,因为他支持多个页面同时监控,比如当PAGE1没有使用 ...
2017-3-15 10:04
7个CSS3代码自动生成工具学习CSS3
css3的广泛应用是需要多方面的支持才可以变的更加广泛。有七个不错的css3代码自动生成工具,方便大家制作网页时的编写,或许对大家学习CSS3会有很大的帮助。 CSS3 Generator CSS3 Generator ...
2017-3-15 10:04
CSS基础学习:常用CSS英文字体介绍
css中对文字的控制在大前端中有过不少的介绍,但关于字体的介绍还没有。今天介绍一些英文字体,希望在今后的字体设置中,对您的编码有所帮助。 Arial Arial是一套随同多套微软应用软件所分发的无衬线体 TrueType字 ...
2017-3-15 10:04
css基础教程:px和em有什么区别?
国内的设计师大都喜欢用px,而国外的网站大都喜欢用em,那么px和em有什么区别?,px和em有什么区别?各自有什么优劣呢? 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用 ...
2017-3-15 10:04
纯CSS和jQuery实现的在页面顶部显示的进度条效果2例
一、纯CSS实现 昨天在网上闲逛时,看到一个博客的页面最顶部有一个进度条特效,感觉挺好的,就分析了一下代码,找出了其中的关键部份,使用纯CSS实现的,给大家分享一下。 复制代码代码如下:style type="text/css ...
2017-3-14 23:11
CSS3网格技巧:合并单元格布局
如何使用css Grid Layout实现一些更有意思的布局。 期待中的布局... 在脑海中有很多种布局效果,那我们先来看一种常见的,简单的布局模板,如下图所示: 上图也是这一章需要实现的一种布局方式,就将其称为网格 ...
2017-3-8 10:59
CSS3网格教程:网格单元格布局
定义一个网格 可以给父容器的display属性设置为grid或者inline-grid来定义一个网格。这样你就可以使用grid-template-columns和grid-template-rows属性来创建一个网格。 在这个示例中,创建了一个三列网格,其中三个 ...
2017-3-8 10:59