首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
cs
相关资讯
热门
最新
后端
01-01 08:00
后端
CSS常用布局类型
CSS常用布局类型,之前有一篇文章《css块级元素垂直居中常用布局方式》主要介绍了绝对布局和flex布局,其实这两种布局也不是只局限在块级元素情形之中,需要做一些矫正。1.flex我们一般用于有多个元素需要在横向或者纵向均匀分布,通过align-items和justify-content来控制这两个轴。2.绝对定位常用于对单一元素相对父元素的位置布局,且位置比较灵活。本篇在此基础之上又要做3点补充
291
后端
01-01 08:00
后端
css盒模型以及如何计算盒子的宽度
css盒模型以及如何计算盒子的宽度,css盒模型以及如何计算盒子的宽度css盒模型以及如何计算盒子的宽度盒模型每个存在于可访问性树中的元素都会被浏览器绘制成一个盒子[1]。每个盒子都可以看成由4部分组成,它们分别是—元素外边距(margin)、元素边框(border)、元素内边距(padding)和元素内容(content)。元素外边距(margin)元素外边距(margin)用来控制元素与相邻元
151
后端
01-01 08:00
后端
CSS3的滤镜filter属性
CSS3的滤镜filter属性,css3的滤镜filter属性,可以对网页中的图片进行类似Photoshop图片处理的效果,例如背景的毛玻璃效果、老照片(黑白照片)、火焰效果等。一、blur(px)高斯模糊二、brightness(%)亮度三、contrast(%)对比度四、drop-shadow()阴影注意:这个drop-shadow与box-shadow都是在说阴影,但还是有区别的,看下图图中
163
后端
01-01 08:00
后端
css常用选择器总结
css常用选择器总结,前言:我们在码代码的时候,经常会遇到需要给第一个或者最后一个元素添加或删除样式,还有一些比较特殊的是选取第几个元素添加或删除样式,下面记录css选择器中常见的选择器:相邻兄弟选择器(+)、子选择器(>)、兄弟选择器(~)、first-child、:last-child、:nth-child()、:nth-last-child()的用法。相邻兄弟选择器(+)相邻兄弟选择器可选择
154
后端
01-01 08:00
后端
css 中多种边框的实现小窍门
css 中多种边框的实现小窍门,一、多重边框[1]背景知识:box-shadow,outline鉴于使用场景的多元化,多重边框的设计越来越多,以往可以借助border-image属性应付一下,但是这个在css代码层面并不是很灵活。现在我们借助box-shadow和outline两个属性来分别实现多重边框。1、box-shadow方案思路:利用box-shadow的第四个参数(扩张半径)的大小,多重
175
后端
01-01 08:00
后端
CSS 文字装饰 text-decoration & text-emphasis
CSS 文字装饰 text-decoration & text-emphasis,CSS文字装饰text-decoration&text-emphasis在CSS中,文字算是我们天天会打交道的一大类了,有了文字,则必不可少一些文字装饰。本文将讲讲两个比较新的文字装饰的概念text-decoration与text-emphasis,在最后,还会讲解使用background模拟文字下划线的一些有趣的动
141
后端
01-01 08:00
后端
CSS固定DIV,导航条顶部固定fixed(兼容IE6)
CSS固定DIV,导航条顶部固定fixed(兼容IE6),CSS固定DIV,导航条顶部固定fixed(兼容IE6)如下图:固定之前:页面往下滚动之后:Demo免费下载:http://down.51cto.com/data/1327117fixed生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过"left","top","right"以及"bottom"属性进行规定。但是在IE6下,并不
139
后端
01-01 08:00
后端
CSS中规则@media的用法
CSS中规则@media的用法,CSS中@规则是由@符号开始的,例如@import,@page等。@media就是其中的一个规则。@media可以让你根据不同的屏幕大小而使用不同的样式,这可以使得不需要js代码就能实现响应式布局。不过@media只能用于较新的浏览器,对于老式的IE,不支持。下面是@media支持的浏览器。@media的语法比较简单,一眼就能看懂。@mediamediatypean
181
后端
01-01 08:00
后端
CSS3文本阴影text-shadow属性详解
CSS3文本阴影text-shadow属性详解,下面小编就为大家带来一篇关于CSS3文本阴影text-shadow属性详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦文本阴影text-shadow属性特效:1.右下角阴影,左下角阴影,左上角阴影,右上角阴影XML/HTMLCode复制内容到剪贴板text-shadowp{text-align:ce
163
后端
01-01 08:00
后端
CSS背景(background)
CSS背景(background),标签:版本ima属性width另一个urlstr重点强制一、背景颜色(color)语法:background-color:颜色值;默认的值是transparent透明的二、背景图片(image)1、语法:background-image:none|url(url)参数作用none无背景图(默认的)url使用绝对或相对地址指定背景图像background-imag
121
«
1
2
...
93
94
95
96
97
98
99
100
101
»