说到 WEB 设计,不得不介绍介绍CSS工具,CSS 工具在这里面扮演很重要的角色,可以简化无数开发者和设计师的工作,写出更好的 CSS 代码。而网上有非常多的 CSS 工具,帮助设计师和开发者高效的工作和进行更多创新的创作,设计师和 web 开发者也把越来越多的 CSS 工具收入为自身的开发和设计...
分类:
Web程序 时间:
2014-06-29 00:22:25
阅读次数:
329
一、对子菜单项(dd)进行设置设置子菜单项的样式分为3步。① 首先对每个子菜单项,也就是dd元素进行常规设置,包括文字颜色、背景色等,代码如下。折叠展开CSS 代码复制内容到剪贴板/*设置菜单项的dd*/#menulidd{ margin:0; padding:0; color:#fff; back...
分类:
其他好文 时间:
2014-06-28 19:14:46
阅读次数:
236
本例的目标是实现带有两侧箭头的菜单效果,如图1所示。这里的箭头效果没有使用任何背景图像文件,而是完全依靠CSS代码实现的。图1 箭头菜单效果该实例文件位于网页学习网CSS教程资源的“第7章\04\arrow-navi.htm”。一、基本思路既然这里不允许使用背景图像来制作这个三角形的样式,那么如何产...
分类:
其他好文 时间:
2014-06-20 16:17:36
阅读次数:
298
Bounce.js 是一个用于制作漂亮的 CSS3 关键帧动画的 JavaScript 库,使用其特有的方式生成的动画效果。只需添加一个组件,选择预设,然后你就可以得到一个短网址或者导出为 CSS 代码。
分类:
Web程序 时间:
2014-06-17 15:58:34
阅读次数:
256
认识“开发人员工具”开发人员工具在IE8的工具菜单下,或者直接点击F12快捷键也可以呼叫出来。提供一系列的小工具,让你可以方便的查找页面的bug,包括html代码、css代码和JavaScript代码。【文件】菜单【全部撤销】以前在开发人员工具中进行的操作全部取消,并且刷新页面和DOM结构。【自定义...
分类:
其他好文 时间:
2014-06-16 10:16:57
阅读次数:
205
写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经验总结出来,我想对写CSS的前端用户来说是值得学习的。CSS书写顺序1.位置属性(posi...
分类:
Web程序 时间:
2014-06-15 11:05:11
阅读次数:
261
我们大家在浏览网页的时偶尔会看到很漂亮的各种颜色样式的滚动条,这就是通过css代码控制来实现的,于是本人搜集整理一番,这里和大家分享一下使用CSS设置滚动条颜色以及如何去掉滚动条的方法,需要的朋友可以参考下,很有用的 1 div { 2 scrollbar-face-color: #fcfcfc;....
分类:
Web程序 时间:
2014-06-14 23:02:17
阅读次数:
314
1、将图片转换为块级对象
即,设置img为“display:block;”。在本例中添加一组CSS代码:“#sub img {display:block;}”。2、设置图片的垂直对齐方式
即设置图片的vertical-align属性为“top,text-top,bottom,text-botto.....
分类:
其他好文 时间:
2014-06-13 14:06:55
阅读次数:
276
SASS是一种 CSS 的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得 CSS
的开发,变得简单和可维护。 SASS 提供四个编译风格的选项:* nested:嵌套缩进的 css 代码,它是默认值。* expanded:没有缩进的、扩展的
css 代码。* compact:简洁格式....
分类:
其他好文 时间:
2014-06-08 20:07:56
阅读次数:
292
今天在群里面,有人抛出了一个关于css中margin-right没有效果的问题。CSS代码和HTML代码如下:
.style1{
width:400px;
height:440px;
background-color:red;
border:5px solid silver;
margin-top:20%;
margin-right:30%;
}...
分类:
其他好文 时间:
2014-06-08 17:38:27
阅读次数:
204