当前位置: 首页 > 网页制作 > 所有文章
  • CSS使用SVG实现动态分布的圆环发散路径动画

    2022年11月02日

    这个需求也是最近的 大屏项目 里面需要用到的一个效果,大致需求是实现一个圆形范围内 由一个不确定坐标的点 向圆周进行曲线发散 的效果,曲线圆弧向上并伴随路径动画。第一时间看到这个需求想到的就是 SVG 或者 Canvas。但是由于开发时可能还需要插入其他元素,所以这里还是希望通过 纯 DOM + CSS 或者 SVG 的方式来实 ...

    阅读全文
  • 3种方式实现CSS背景图片全屏铺满自适应

    2022年07月07日

    一张清晰漂亮的背景图片能给网页加分不少,设计师也经常会给页面的背景使用大图,我们既不想图片因为不同分辨率图片变形,也不希望当在大屏的情况下,背景有一块露白,简而言之,就是实现能自适应屏幕大小又不会变形的背景大图,而且背景图片不会随着滚动条滚动而滚动。 因此,今天我们将与你分享3种CSS实现背景图图片 ...

    阅读全文
  • 自由屋博客版面调整

    2021年10月20日

    ziyouwu.com建站有10年了,自从政策调整,论坛关闭后一直运营博客,主要记录wordpress程序的使用以及互联网周边信息,本次版本主要做了css调整,更加符合当前互联网的扁平化元素。 顶部菜单栏、底部页脚、文章模块的大小调整、文章列表页的排班。 原博客菜单栏 新菜单栏 原文章列表页 新文章列表页 ...

    阅读全文
  • 为什么所有人都对 HTML、CSS 失望了?

    2019年02月13日

    所有的人再一次对 CSS 失望。我不打算去总结这些让人失望的点。事实上,CSS 太容易被覆盖修改,如果要让它实时生效,你需要将它用 JavaScript 包裹起来。你可以在《The Great Divide》文章中看到更好的思路。 在我们的技术栈中,有关于工具、框架和技术相关的描述。我在前端和 Web 服务端工作了将近 20 年,我看到它们 ...

    阅读全文
  • div显示滚动条的CSS代码

    2018年03月17日

    div显示上下左右滚动条 <div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> 这里是你要显示的内容 </div> 这里是你要显示的内容 div显示上下滚动条的css代码 <div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;"> 这里是你要显示的内容 </di ...

    阅读全文
  • css选择器的使用方法

    2018年02月13日

    什么是css选择器 简单而言:从HTML文档中选择一系列元素 div { color: #f00; } 这就是一个选择器,表示的意思是 选择所有标签名为 div 的元素,并应用后面的样式组,字体颜色为红色。 举个通俗例子,高中老师要带一部分同学去参加活动,那该挑哪些同学呢?老师给的条件是:所有 数学成绩高于90分 的同学跟我去参加活动 ...

    阅读全文
  • css代码flex的布局使用详解

    2018年01月31日

    今天在头条上看了一篇CSS关于flex布局的文章,感觉描述的非常形象!而且简单易懂有图片描述,所以笔者转载过来给大家分享一下! flex布局的含义 flex布局又名为‘弹性布局’,主要是通过设置的属性值自动调整元素的宽度和高度值,在容器空间充裕的情况下,使其填满容器的剩余空间;又或者在容器空间不足的情况下,收缩元 ...

    阅读全文
  • 17个节省时间的CSS工具,让您事半功倍

    2017年12月13日

    作为一个网站设计/开发人员,你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间。 优化/格式化类 1、CSSTidy - CSS Tidy是一个开源的CSS分析和优化工具; 2、CleanCSS - CleanCSS是一个基于CSS ...

    阅读全文
  • CSS开发过程中十个注意事项

    2016年05月07日

    CSS编辑对于整个网站构架来说确实很方便,但是CSS编辑中需要有注意到地方,这是从事多年CSS开发工作者的十个注意事项! 1.不要滥用类 在有意义的地方使用ID而不要使用类。这是一个使得浏览器能够更快访问DOM元素的方法。 2.不要把一切都扔进一个CSS文件中 分区CSS使其更易于管理。每一个CSS文件都可以分解成例如header ...

    阅读全文
  • wordpress导航栏固定在顶部

    2014年02月09日

    今天在论坛看到有人提问如何让wordpress的导航栏始终固定在顶部,其实这个方法还算比较简单的,使用css的position的fixed属性就可以了。关于position属性,在什么情况下需要用,怎么用,首先,我们应该先了解下position属性的说明:fixed总是以body为定位时的对象,总是根据浏览器的窗口来进行元素的定位,通过"left"、 ...

    阅读全文