w3h5

CSS笔记 共2页,当前第1页

CSS笔记

利用css实现单行文本文字两端对齐

2

Deshun 发布于 2个月前 (12-30)   阅读(144)   评论(0)   赞 (0)  

利用css实现单行文本文字两端对齐

日常使用中我们可以用 text-align: justify; 实现文本两端对齐效果。但是该属性有一个问题,不支持单行文本的两端对齐,只有达到2行或者以上才会有效。所以需要采用下面两种方法实现单行文本两端对齐效果:利用伪类 :after 实现:给元素添加伪类 :after 设置成行内块元素,宽度设置为100%。div:after{ &n...

CSS笔记

央视著名主持人李咏去世,其百度百科词条变灰是如何实现的?

3

Deshun 发布于 4个月前 (10-29)   阅读(267)   评论(0)   赞 (1)  

央视著名主持人李咏去世,其百度百科词条变灰是如何实现的?

李咏是央视著名主持人,他主持过的节目陪伴着无数人度过了美好的童年。但不幸的是,在10月29日上午9时许,李咏的妻子哈文在微博上发文称李咏去世的消息“在美国,经过17个月的抗癌治疗,2018年10月25日凌晨5点20分,永失我爱……”,一时间轰炸整个微博,明星大V以及网友们都为李咏默哀,也有不少网友纷纷表示:消息来得太突然,不敢相信!与此同时,百度百科的“李咏...

CSS笔记

HTML设定页面可滚定 背景图片固定

Deshun 发布于 4个月前 (10-10)   阅读(501)   评论(0)   赞 (2)  

有时项目中会遇到背景图固定,页面内容可以滚动,背景不随页面滚动而滚动。就像QQ空间、微博设置自定义背景图的固定选项。其实很容易实现,利用 background-attachment:fixed; 就能实现,代码如下:body{     background: url("bg.png");   &...

CSS笔记

解决老版本IE不兼容rgba的问题

Deshun 发布于 8个月前 (07-05)   阅读(385)   评论(0)   赞 (0)  

我们一般写一个半透明的 div ,只需要给这个 div 设置如下的属性即可:background: rgba(255,255,255,0.5);但是如果遇上 IE8 就有点蛋疼了。因为 IE8 不支持 rgba( ) 。 rgba 的含义,r 代表 red ,g 代表 green ,b 代表 blue ,红绿蓝是三原色。所有颜色都可以由这三种颜色拼合而成。a 代表透明度。比如...

CSS笔记

利用CSS变量实现炫酷的悬浮效果

1

Deshun 发布于 8个月前 (07-02)   阅读(523)   评论(0)   赞 (1)  

利用CSS变量实现炫酷的悬浮效果

最近,我从 Grover网站 上发现以一个好玩儿的悬停动画,这个动画是将鼠标移动到订阅按钮上移动光标,会跟随光标实现相应的彩色渐变。这个想法很简单,但是它能使这个按钮脱颖而出,人们一下子就注意到它了,增加了点击的概率。怎样才能达到这个效果,使我们的网站脱颖而出呢?其实,它并不像我们想象的那么难!追踪位置我们要做的第一件事就是获取到鼠标的位置。JS代码:doc...

CSS笔记

设置 letter-spacing 后文字不能居中的解决方法

3

Deshun 发布于 9个月前 (06-05)   阅读(1556)   评论(0)   赞 (4)  

设置 letter-spacing 后文字不能居中的解决方法

今天才发现,给文字设置 letter-spacing 再设置 text-align: center; ,文字会整体往左偏移,不能居中。 给文字嵌套了一个 span 标签,再选择文字可以看出,letter-spacing 给每个字的右边都加了一个间距。设置居中的时候,最后一个字的右间距也会包括其中,所以会出现不能居中的情况。比较简单的一个方...

CSS笔记

css的cursor属性 鼠标指针样式

Deshun 发布于 9个月前 (05-31)   阅读(1314)   评论(0)   赞 (0)  

cursor 属性规定要显示的光标的类型(形状),该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围)。默认值:auto;继承性:yes;版本:CSS2;JavaScript 语法:object.style.cursor="crosshair";所有主流浏览器都支持 cursor 属性。注释:Opera 9.3 和 S...

CSS笔记

CSS 选择器 nth-child 的几种用法

3

Deshun 发布于 9个月前 (05-26)   阅读(1357)   评论(0)   赞 (0)  

CSS 选择器 nth-child 的几种用法

在开发过程中,会碰到一些选择器的需求:例如使列表中的第一项或者最后一项显示不同的样式 、列表中的奇数或者偶数项显示不同的背景色 . . .  等等。我们可以通过 CSS 来实现这样的效果,CSS 给我们提供了几个样式参数:first-child、last-child、nth-child(n)。下面介绍它们的使用方法:first-child firs...