CSS样式大全(网络收集整理)

字体属性:(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;...

2019-10-10

css中zoom:1属性的定义和作用

今天被问起CSS中有个zoom属性是干什么用的,虽然我知道这个属性是用来清除浮动,来触发haslayout的。但具体的定义还不是很了解,就百度了一点关于zoom属性的资料,然后总结了一下。...

2019-10-08

CSS设置背景图片不重复的方法

今天有小伙件来咨询一个关于CSS中设置背景图片不重复的小问题,给他解答的同时顺便写一下教程,详细介绍一下CSS如何设置背景图片,以及设置背景图片的显示方式等。CSS设置背景图...

2019-10-05

CSS html文字的跑马灯(流光)特效

在网页的合适位置,放一些带有跑马灯特效的文字肯定会吸引访客的眼球的。今天这篇博文就写一写利用纯CSS来实现网页中文字跑马灯特效的案例。在CSS3出现以前,如果要制作一段流...

2019-10-05

CSS calc() 函数的介绍与使用方法

在HTML页面的DIV布局中,如果我们把DIV的宽度当做一个计算公式,让浏览器去自动去计算它们的值是不是很有意思呢?那么今天就说一下,CSS中的一个关于计算的函数 calc() calc() 函数...

2019-09-28

关于CSS布局高度自适应解决办法

我们通常在做布局时父层是不设置高度的,我们一般情况是希望父层的高度是由子层里面的内容来决定的。但是有时候我们要给子层内容做浮动,这样的话父层高度不会被撑开,即父层的高...

2019-09-18

有关CSS网页中字体的解决方法

在网页中字体样式可分为游览器默认样式,网页定义样式,用户自定义样式。和CSS一样也是优先级的,用户自定义样式高于网页定义样式,而游览器默认样式优先级是最低的。当然最高的字...

2019-09-18

css中行高line-height小知识

在学html中,有次在做布局时,使用行高时,自己不明白line-height到底是哪段距离,在没查资料时,我还以为是word里的行距呢?因为我经常使用word里的行距做排版。当我上网查资料时,才明...

2019-09-18

Css3中text-shadow属性使用方法及各参数所代表的含义

在CSS3中我们可以使用text-shadow属性给页面上的文字添加阴影效果,text-shadow在CSS2.1的时候曾被删除过的一个属性,但是又在css3.0中恢复了使用。①text-shadow的使用方法:tex...

2019-09-18

css3 box-sizing属性使用方法及好处

在盒模型中,如果我们给盒子内部的元素加入了内边距padding和边框 border后,它的总长度或者高度会增加。那么如果元素用于非常精确的布局时,我们就需要重新进行计算增减。这是比...

2019-09-18

css3 box-shadow属性使用方法总结

在CSS3中,我们可以使用box-shadow属性让盒子产生阴影效果。下面介绍几点box-shadow属性的使用:⑴使用方法:box-shadow:length length length color,前三个length分别表示文字阴影...

2019-09-18

css文件bass.css作用及好处

一个项目的CSS最基本结构通常是由:base.css,common.css,page.css文件组成的。base.css的作用主要是重设浏览器默认样式和提供通用原子类。base.css文件一般不需维护,但要保证其...

2019-09-18

如何更好得理解position属性

在我们制作网页布局时很多情况要使用position属性。它主要有absolute,solution,static和fixed四个属性值,其中static是默认值,在不写position属性时默认情况下就是static,它遵...

2019-09-18

rgba和opacity有什么区别

在制作js幻灯片时看到了轮播数字raba属性的用法,忽然想到了以前用到的opacity这个属性,我就想它们都可以设置透明度,究竟有什么区别呢?我就看了一些资料,总结了一点。具体内容如...

2019-09-18

怎样使用伪类元素给导航添加二级菜单

①利用relative给一级菜单中的li标签确定相对位置;③使用absolute给二级菜单ul标签确定绝对位置并注意图像z-index层叠关系;④通常情况一级菜单里的li标签做float,使其导航横排...

2019-09-18

奇妙的relative和 absolute及float属性

在网页中relative,absolute和float这三个属性用处非常广,不论是滚动的banner,还是能够切换的选项卡都会有relative,absolute和float这三个属性当中的一个。下面就分别来看看它...

2019-09-18

浅谈下页面中字体设置(font-family)和粗细(font-weight)问题

记得以前某某某天上午被设计师“调戏”了,记忆犹新啊,就是因为一个项目(PC和移动)中的字体问题,纠结了一上午,设计师非要字体效果跟设计稿上保持一致。那时那刻,我已无语...

2019-08-30

浅谈项目中Web网页字体优化的一些事

倾盆大雨后,终于带来一些凉意,暂别炎热的天气,心情自然舒坦好多,静下心来分享点东西:浅谈项目中Web网页字体优化的一些事。字体是实现良好的设计、品牌推广、可读性和无障碍功能...

2019-08-30

如何用CSS3给文字添加渐变

大家都知道给一个box添加渐变背景很简单,但是如何用CSS3给文字添加渐变呢,可能有些童鞋就蒙了,用图?当然不是,如果是,那就没分享的必要了,一起来学习下。我们从零开始学习,一共分三...

2019-08-30

CSS:实现鼠标滑动box边框酷炫动画效果

在项目中,交互动画是很重要的一部分,有些细微的效果,或许都能吸引用户去浏览参与,这些交互我们在一些大型门户的活动,经常会看到很多。今天我们实现一个边框特效:滑动渐变。先来看...

2019-08-30
返回顶部
顶部