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

前端技术 2023/09/06 CSS

复制代码代码如下: <!doctype html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <title>login</title> <s...

前端技术 2023/09/06 CSS

我们开发CSS+DIV网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。　　命名规则说明：　　1）、所有的命名最好都小写　　2）、属性的值一定要用双引号(\"\")括起来，且一定要有值如class=\"di...

前端技术 2023/09/06 CSS

一般的文字截断（适用于内联与块）： CSS Code复制内容到剪贴板 .text-overflow { display:block;/*内联对象需加 */ width:31em;/* 何问起 hovertree.com */ word...

前端技术 2023/09/06 CSS

上代码： CSS代码复制代码代码如下: #img { z-index:-1; filter: alpha(opacity = 85);/*设置透明度，针对 IE8 以及更早的版本。IE9, Firefox, Chrome, Opera 和 Safari 使用属...

前端技术 2023/09/06 CSS

　　这是一个响应式设计的菜单。单击列表图标，当你显示屏大小可以完全水平放下所有菜单项时，菜单水平显示（如图1）。当你的显示屏不能水平放置所有菜单项时，菜单垂直显示（如图2）。而且显示的时候是以动画的型式显示。效果相当的好。图1 图2 　　下面是实现的代码。　　html...

前端技术 2023/09/06 CSS

摘要： CSS关于文本渲染的属性text-rendering告诉渲染引擎工作时如何优化显示文本。浏览器会在渲染速度、易读性（清晰度）和几何精度方面做一个权衡。我们知道，SVG-可缩放矢量图形（Scalable Vector Graphics）是由W3C制定的，基于可扩展标...

前端技术 2023/09/06 CSS

关于ID选择器和class选择器不同，这里使用#class的值不同标签可以发生重复。但是id不允许！！！id选择器不能结合使用id属性通常和js配合使用 CSS Code复制内容到剪贴板 #label { background-color: red; ...

前端技术 2023/09/06 CSS

网页访问速度慢如何提高呢？我们无法改变用户的网络状况，只有自己网站使用更快的带宽或者使用更强的服务器，使用户访问我们的时候感觉很快。另外就是对JS/CSS文件进行压缩，由于文件较小，用户下载的时间就很短。下面我介绍一种JS/CSS压缩工具-YUI CompressorYUI C...

前端技术 2023/09/06 CSS

本文分享给大家的是一个用纯CSS3实现的人物行走动画，在没有使用JavaScript的情况下，用CSS3技术将人物行走的姿态描绘得非常逼真。其实动画实现的原理也是比较简单的，将人物行走时的状态分割成多张图片，然后利用CSS3的动画属性将这些图片串联起来形成人物行走动画效果。 ...

前端技术 2023/09/06 CSS

今天在使用icloud的时候看到苹果icloud官网的毛玻璃效果非常赞，仔细研究了一下它的实现方式，是使用js配合background-image: -webkit-canvas的形式绘制出的毛玻璃背景图片。不过今天又仔细研究了一下css3中的blur方法，可以实现同样的效果。...

关闭

我的博客