CSS使用flex布局和order属性对html元素排序
html如下:<div class="container"> <div class="type-a">A</div> <div class="type-b">B</div> <div class="type-c">C<...
CSS3使用transition属性实现过渡效果
属性详解transition属性目的是让css的一些属性(如background)的以平滑过渡的效果出现。它是一个合并属性,是由以下四个属性组合而成:transition-property:设置应用过渡的CSS属性,如background。transition-duration:设置过渡效果花费的时...
避免使用CSS @import 影响页面加载速度
本文翻译自 What Is CSS @import And Why Can It Slow Down Websites?,略有删改CSS@import可以用来加载其他CSS样式的便捷方式,但是使用它也会使网站的资源呈现变得更慢,导致网站呈现的时间更长。什么是CSS @import?加载CSS文件最常...
css:使用filter和backdrop-filter实现高斯模糊效果
背景 今天接到一个需求是,使用高斯模糊的效果对一个页面进行模糊处理,正好借这个机会来整理一下 css3 中高斯模糊的两个 API API介绍 filter 说明: 该 API 是一个过滤器,不仅能实现高斯模糊,还有很多比如颜色偏移、饱和度、灰度等等 语法: // 使用空格分隔多个滤镜filter: ...
【转】CSS3 transition规范的实际使用经验
原文转自:http://blog.jobbole.com/56243/本篇文章主要讲述CSS3 transition规范和在不同浏览器之间的使用差异,关于具体解决方法或如何规避问题的意见可以参考另一篇非常有见地的文章,“All You Need to Know About CSS Transitio...
CSS3 transition规范的实际使用经验
本篇文章主要讲述CSS3 transition规范和在不同浏览器之间的使用差异,关于具体解决方法或如何规避问题的意见可以参考另一篇非常有见地的文章,“All You Need to Know About CSS Transitions”。Alex MacCaw讲述的是关于实现特定的效果,而我要谈的是...
由于ie8兼容模式的特殊css,如何使用JavaScript为媒体打印编写css?
I am setting up some css for @media print and I had to make use of IE conditionals to get it cross-browser compatible. Looking here and elsewhere, it ...
使用jquery动画div时CSS z-index不起作用?
Can anyone help me make the red div roll OVER the blue paragraph? 任何人都可以帮助我在蓝色段落上进行红色div滚动吗? http://jsfiddle.net/B3rQR/1/ http://jsfiddle.net/B3rQR/1/...
使用CSS实现文字的竖排
有时我们需要一段文字进行从上到下竖列排版,我们知道css样式中有一样式可以让其竖列排版,但所有浏览器不全兼容,逼不得已放弃。 一、原始使用writing-mode属性-不推荐 语法:writing-mode:lr-tb或writing-mode:tb-rl 参数: 1、lr-tb:从左向右,从...
使用 CSS 去掉 iPhone 网页上按钮的超大圆角以及文本框圆角默认样式
使用 iPhone 上的浏览器去浏览网页的时候,按钮总是显示超大圆角且颜色由上而下渐变的样式,显得超级恶心,而且文本框也会有一定的圆角,但是我们自己定义 border-radius 也没有效果,经过搜索发现这是 webikt 内核浏览器通过私有属性 -webkit-appearance 对控件设置了...
Raphael.js如何使用Raphael.js的CSS文件?
In Raphael.js, if I have an text element: 在Raphael.js中,如果我有一个文本元素: var t = paper.text(50, 50, "Raphaël\nkicks\nbutt!"); I would like to use CSS to sty...
如何使用CSS对图像进行去饱和和饱和?
Update 更新 I just realized that the desaturation is only working in Chrome. How do I make it work in FF, IE and other browsers? (Headline changed) 我刚刚...
使用CSS边框的三角形和倒三角形
I am trying to achieve the following image example using CSS borders. Is this possible? Also, is it possible for it to be responsive as well? I starte...
使用CSS/JS代码修改博客模板plus
之前对CSS/JavaScript了解还不深,只是把模板的CSS胡乱修改了几个属性。最近正好也在做一个网站的前端,学习了不少东西,再来改一改~上次最后之所以铩羽而归,是因为从CSS里找不到那些#和.对应的东西控制的都是啥子,这回不在看那个CSS了,直接用浏览器的开发者模式打开博客,一级一级找下去,看...
2.CSS使用基础(1)
目录一.css颜色的四种表示法二.使用css 4种方式三.css注释:四.CSS Id 和 Class选择器五.多重样式优先级顺序六.CSS Backgrounds(背景)七.CSS Text(文本)八.CSS Fonts(字体)一.css颜色的四种表示法:1.使用英文单词p { color:...
CSS中behavior属性语法的使用介绍
讨论一下CSS中behavior属性语法的使用,在进行CSS网页布局的时候,我们经遇到刷新要保留表单里内容的时候,习惯的做法使用cookie,但是那样做实在是很麻烦,CSS中的behavior就为我们很好的解决了这个问题。 CSS属性behavior语法 在进行CSS网页布局的时候,我们经遇到刷新要...
个人练习:使用HTML+CSS制作二级菜单
最近一直在学习HTML+CSS,刚看完如果制作下拉菜单部分,就想着做一个练练手。先上成品图:就是上面这个效果,横向菜单选项能点击,鼠标放在上面也能展开二级菜单,二级菜单也能点击,点击后就会在底下的<iframe>中打开网站链接。(可能这里会有人好奇"为什么不点开哔哩哔哩你不是都放在上面了...
为什么我不能使用属性隐藏CSS中的表列?
I found how I can hide a table column in this thread. 我发现如何在这个线程中隐藏表列。 I first tried 我第一次尝试 <colgroup> ... <col style="visibility:hidden;"...
如何使用css在悬停时更改图像的不透明度
Im trying to figure out how to set all images to be say 50% opacity initially, and then change to 100% opacity on hover 我试图弄清楚如何设置所有图像最初说50%不透明度,然后在悬停...
CSS-@规则(At-rules)常用语法使用总结
At-rules规则是目前CSS中一种常见的语法规则,它使用一个"@"符号加一个关键词定义,后面跟上语法区块,如果没有则以分号结束即可。这种规则一般用于标识文档、引入外部样式、条件判断等等,本文是对该规则的使用总结。常用规则@import@import 主要用于从其他样式表导入新的样式规则,语法:@...