• ZblogPHP主题:Brand品牌官网双语自适应
    ZblogPHP主题:Brand品牌官网双语自适应简单说——无论是中英、中日、中韩、中法、中萄、中意,还是诸如日韩、英法这种双语搭配,甚至是中文繁简,民族语言维、蒙等需要原生双语展示的网站,现...
  • Z-BlogPHP定制
    Z-BlogPHP定制欢迎选择益吾库为您提供的Z-BlogPHP应用定制和修改服务。站长尔今ZBLOG应用作品:https://app.zblogcn.com/?au...
  • ZblogPHP主题:CmsDown资源下载
    ZblogPHP主题:CmsDown资源下载多用途自适应CMS主题,适合做娱乐资源教程活动分享站。支持自主配色、支持电脑/手机移动端不同logo和不同广告设置,首页最新内容支持无限翻页和加...

CSS

我要投稿
  • 纯css实现宽高度等比例变化的四种方法

    网页前端布局中,我们经常需要元素宽度高度等比例协调变化,特别是响应式自适应网页,下面我们将分享4种解决方案。方法1:使用一个隐藏的图片这个方法不需要考虑任何兼容性,PC移动端完美运行。除了增加了一个dom结构,但是相对与一个页面成百上千的代码来说,不值一提我们知道,div容器如果不给定高度,它的高度会随着容器内部的元素...

    2020/03/03240CSS
  • 10个CSS简写缩写技巧

    深度了解CSS的前端老鸟应该都知道,CSS样式代码有很多简写缩写方式。比如,定义字体、定义背景等,都可以把CSS代码缩写到一行。CSS简写就是指将多行的CSS属性简写成一行,又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读。为了能更好的搞清楚CSS缩...

    2019/12/021805CSS
  • CSS3自定义动画实现流光文字特效 CSS3自定义动画实现流光文字特效

    在CSS3出现之前,前端通常所见文字特效几乎都是由JS实现,今天我们就通过一例简单的流光文字动画特效,来了解一下CSS3的自定义动画实现过程。以前真的很难想象如此的炫酷特效居然可以由CSS样式完成,可是事实就是能让人惊叹。以下是实例全部代码:<!DOCTYPE html> <html>...

    2019/12/023407CSS
  • CSS3样式实现水平和垂直翻转

    第一种:随着现代浏览器对CSS3的支持愈发完善,对于实现各个浏览器兼容的元素的水平翻转或是垂直翻转效果也就成为了可能。相关的CSS代码如下:/*水平翻转*/ .flipx { -moz-transform:scaleX(-1 ; &...

    2019/10/21793CSS
  • 纯CSS实现渐变虚线框和边框滚动动画

    渐变虚线边框如果对边框的样式细节不是很在意,我们可以借助反向镂空的方法实现,也就是虚线原本实色的地方和周围颜色融为一体,看上去透明,而原来虚框透明的部分透出渐变背景色,于是看上去像是渐变色。以下是HTML和CSS:<div class="box"> &...

    2019/08/27905CSS
  • CSS3 overscroll-behavior控制滚动下拉刷新和溢出效果

    CSS 的新属性 overscroll-behavior 允许开发者覆盖默认的浏览器滚动行为,一般用在滚动到顶部或者底部。在 APP 中经常使用的抽屉导航(drawer 中,我们期望的效果是:滚动到底部时,滚动停止,因为我们到达了"滚动边界"。但是在 Web 页面中滚动并不会停止...

    2019/04/291493CSS
  • 修改checkbox类型input复选框默认样式

    我们知道checkbox类型input复选框在每一种浏览器都有默认样式,那么可不可以自定义样式呢?答案是肯定的,至少在Chrome和FireFox等标准浏览器中可以做到,需要注意的,较新版本Chrome浏览器需要使用-webkit-appearance:none;属性先解除默认样式。以下是代码:<label&nb...

    2019/04/261089CSS
  • css3新单位vw、vh、vmin、vmax该怎么用? css3新单位vw、vh、vmin、vmax该怎么用?

    css样式中表示大小和宽高的单位主要有px pt em ex ch rem vw vh vmin vmax cm mm in pc %等十多种,按照各自特点大致可分为“绝对单位”、“相对单位”和“百分比单位”。绝对单位:px in cm m...

    2018/10/041657CSS
‹‹ 1 2 3 4 5 ››