CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/08 CSS

准修饰选择器（Quasi-qualified selectors）你应当避免过分修饰选择器，例如如果你能写 .nav{} 就尽量不要写 ul.nav{}。过分修饰选择器将影响性能，影响 class 复用性，增加选择器私有度。这些都是你应当竭力避免的。不过有时你可能希望告诉其...

前端技术 2023/09/08 CSS

就类似说空间里面模块中模块名靠左，编辑字样出现在靠右，一般思路的话一定是认为通过<td>分开两列，一个align=left,另一个align=right。后来我无意中发现有个东西叫<span>,比如实现模块的效果就可以：<div c...

前端技术 2023/09/08 CSS

IE对于大家来说一定很熟悉了，作为一名Web前端开发人员或者是说前端攻程师来说，浏览器的兼容问题一定处理过不少了，特别是IE6的兼容问题，如果你的用户是针对中国市场来说，IE6下的效果是必须得处理了，一个让人头痛而又不得不去面对的一件事情，特别是对于刚接触CSS的童子们，更让无...

CSS中一些@规则的用法小结

前端技术 2023/09/08 CSS

at-rule是一个声明，为CSS提供执行或怎么表现的指令。每个声明以@开头,后紧跟一个可用的关键字，这个关键字充当一个标识符，用于表示CSS该做什么。这是一个通用的语法，尽管每个at-rule有其它语法变体。常规规则常规规则遵循下面的语法：复制代码代码如下:...

前端技术 2023/09/08 CSS

直接上代码：复制代码代码如下:html{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: gr...

使用CSS3来绘制一个月食图案

前端技术 2023/09/08 CSS

css3的animation是个好东西，之前应景的七夕表白爱心图。(都是中午午休时候的突发奇想。)想想，应该在很多应节场合用css玩点有意思的。突然想到上次的月食,那就玩玩。看了一个div的炫技网站.画个月亮嘛，还是尝试用一个div来实现，主div做背景黑夜，before做月亮...

html+css+div实现电影结束效果

前端技术 2023/09/08 CSS

经常我们看电影都会看到电影结束后会出现一段介绍这个电影的导演、编剧、主演、友情出演等等一些电影信息的滚动字幕，那么那个效果可以用html+css+div实现。具体实现代码如下： html代码： XML/HTML Code复制内容到剪贴板 <div id=\"movi...

前端技术 2023/09/08 CSS

在平常项目中，偶尔也会涉及一些前端的设计，但毕竟不是专业的，所以一直想要系统的学习一下。最近辞职了，等待入职新公司的期间，有空折腾学习一些CSS3的知识。今天就从一个简单的圆形菜单的实现，来总结一些最近学习的收获。效果图如下：下面，就来看看这个圆形半透明的菜单如何实现：...

前端技术 2023/09/08 CSS

这段时间在处理网页默认的input 按钮时，IE下常显现不一致的宽度问题，让人感到很纠结。所以今天请教了几位高手把这个问题解决了，现在贴出来和大家共享一下，当然这个方法在网上曾有人写过，大家可以一起来相互探讨一下。 Html Code: 复制代码代码如下:<input ...

前端技术 2023/09/08 CSS

在单个HTML元素上利用CSS2.1实现拥有3张背景图片和2张内容图效果，或者多重边框的效果。这种渐进增强的方式适用于所有支持CSS2.1伪元素及其定位属性的所有浏览器。不需要CSS3的支持。支持的浏览器：Firefox 3.5+， Safari 4+， chrome4...

关闭

我的博客