您当前的位置: 站长圈 > css列表

为什么要用CSS布局

css布局可以使网页的结构、表现、行为分离,页面表现简单明了,还可以重复使用,修改方便。

[阅读全文]

切图技巧之怎么使用ps定位CSS Sprite图片

做网站的时候我们会用到CSS Sprite技术把很多背景图片整合起来做成一张图片,这样可以减少对服务器的请求数,减小文件的大小,加快网页访问的速度...

[阅读全文]

用@font-face加载特殊字体

有时候网页上要加载一些特殊字体,它们不是Web安全字体,但是我又需要更多浏览器支持,就会用到诸如@font-face属性来引入特殊的浏览器加载字体,或...

[阅读全文]

阿Q老师CSS基础课程第一课CSS布局

CSS布局基础关键字: css 布局 网页编辑软件 html 文档申明 标签 导入 样式表一,为什么要用CSS布局:1,结构,表现,行为分离结

[阅读全文]

阿Q老师CSS基础课程第二课CSS选择器

CSS选择器语法:选择器{属性:属性值[;属性:属性值]。。。}注释: *注释内容* 选择器:为

[阅读全文]

阿Q老师CSS基础课程第三课 可视化格式模型

层叠:样式表不同位置定义的属性,包括继承的属性,会根据优先级,重叠

[阅读全文]

阿Q老师CSS基础教程第四课 ie常见的bug

ie常见的bugcolor:red 所有浏览器color:blue 0 ie8+color:orange ie7_color:blue ie61,3px 的bug出现的条件:一个容器里面,

[阅读全文]

div+css圆角框之一——纯css无图片(css2)

网站页面上常常有一些漂亮的圆角框,这样使得整个网站看起来柔化了很多,不再那么棱角分明。圆角框的制作方法有很多种,今天我们就说一下纯css无图...

[阅读全文]

div+css圆角框之二——2图片自适应宽度

原理是在两个嵌套的块中各放一张背景图片,一张图片的背景左对齐,另外一张图片的背景右对齐,然后左右两张图片再拼合在一起就形成了一个完整的圆...

[阅读全文]

div+css圆角框之三——3图片自适应宽度

今天我们用3张图片来制作一个自适应宽度的导航条 我们把nav_l gif这张左边圆角的图片作为背景图片放在nav_l盒子里,左对齐不重复。把nav_r ...

[阅读全文]

用css模拟表格斜线——用css画图(二)

左上角的表格斜线是怎样用css做出来的呢?原理和我们在“用css制作一个小三角——用css画图(一)”是差不多的,也是利用设置盒子的宽高和4条边框...

[阅读全文]

css强制换行和强制不换行

制作网页中我们有时会遇到这样的的问题:在我们需要它换行的地方它不换行,不需要它换行它却自动换行了。那么我们怎么才能控制它,让它在我们控制...

[阅读全文]

各大浏览器测试窗口自适应大小的工具

在学习响应式布局的过程中,经常要测试网页在桌面电脑、手机、平板等各设备窗口大小的自适应性,如今各大浏览器都集成了这样的开发工具,解决了这...

[阅读全文]

CSS中filter滤镜

1.CSS静态滤镜样式 (filter)(只有IE4 0以上支持)   CSS静态滤镜样式的使用方法:{ filter : filtername( parameters1, para

[阅读全文]

Sass Maps

对于一位程序员来说,对数组并不会陌生。但对于前端人员(像我这样不算前端的前端)对于数组,只是听过,看过,但不知道如何使用?然而在Sa

[阅读全文]

SASS用法指南

学过CSS的人都知道,它不是一种编程语言。 你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的

[阅读全文]

10条影响CSS渲染速度的写法与建议

由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险,设计者通常会在CSS的一个始就...

[阅读全文]

CSS编写指导规范和建议

在参与规模庞大、历时漫长且参与人数众多的项目时,所有开发者遵守如下规则极为重要: 保持 CSS 易于维护 保持代码清晰易懂 保持 CSS

[阅读全文]

Google HTML/CSS代码风格指南(中文版)

HTML代码风格规则 文档类型 请使用HTML5标准。 HTML5是目前所有HTML文档类型中的首选: (推荐用HTML文本文档格式,即 text html

[阅读全文]

CSS3那些不为人知的高级属性

原文:CSS的未来:一些试验性CSS属性 译自:The Future Of CSS: Experimental CSS Properties 请尊重版权,转载请注明来源,多谢!

[阅读全文]