随笔分类 -  CSS与界面美化

现代 CSS 解决方案:颜色计算,自动适配背景色!
摘要:在 23 年的 CSS 新特性中,有一个非常重要的功能更新 -- 相对颜色。 简单而言,相对颜色的功能,让我们在 CSS 中,对颜色有了更为强大的掌控能力。 其核心功能就是,让我们能够基于一个现有颜色 A,通过一定的转换规则,快速生成我们想要的颜色 B。 其功能能够涵盖: 精简 调暗 饱和度 降低饱 阅读全文

posted @ 2024-01-16 11:13 jack_Meng 阅读(2119) 评论(0) 推荐(0) 编辑

基于CSS实现回到页面顶部的几种写法(从实现到增强)
摘要:前面整理了一个JS实现回到顶部的功能,但没有给出具体的界面样式,这次从网上找几个好看的参考,自己动手也实现一下,后续打算结合这两篇文章,根据JS和CSS使用油猴来实现一下。 效果图如下: 代码如下: <!DOCTYPE html> <html lang="cn"> <head> <meta char 阅读全文

posted @ 2023-09-23 23:10 jack_Meng 阅读(672) 评论(0) 推荐(0) 编辑

浅谈css的伪元素::after和::before
摘要:CSS:理解:Before和:After伪元素 CSS样式表的主要作用是修饰Web页面上的HTML标记,但有时候,为了实现某个效果而往页面里反复添加某个HTML标记很繁琐,或者是显得多余,或者是由于某种原因而做不到。这就是CSS 伪元素(Pseudo-Element)可以发挥作用的地方,所谓‘伪元素 阅读全文

posted @ 2023-09-23 22:57 jack_Meng 阅读(2614) 评论(0) 推荐(0) 编辑

Winform应用程序实现通用消息窗口
摘要:记得我之前发表过一篇文章《Winform应用程序实现通用遮罩层》,是实现了透明遮罩的消息窗口,功能侧重点在动图显示+消息提醒,效果看上去比较的炫,而本篇我又来重新设计通用消息窗口,功能重点在于消息提醒、进度报告,当然如果大家时间,可以将两种相结合,那样就会更完美了,我这里仍是以实现功能为主,由于代码 阅读全文

posted @ 2022-09-20 11:45 jack_Meng 阅读(109) 评论(0) 推荐(0) 编辑

C# Winform中窗体的美化—— 用IrisSkin轻松实现换肤功能
摘要:今天经前辈提醒才知道winform窗体还有美化工具,呵呵,不得不说,孤陋寡闻了。下面总结一下irisskin2的使用步骤和遇到的问题及解决办法。 1、网址:http://www.pc6.com/softview/SoftView_70918.html#download 皮肤控件换肤素材包,IrisS 阅读全文

posted @ 2017-04-01 00:21 jack_Meng 阅读(75571) 评论(3) 推荐(4) 编辑

HTML符号代码速查表
摘要:HTML实体符号被用作实现保留字符(reserved characters)或者表达键盘无法输入的一些常用字符。在大多数浏览器中默认的字符集为ISO-8859-1。HTML实体符号使我们在网页设计中经常用到的,下面做了整理,以备速查。HTML实体符号代码速查表 (提示:使用浏览器的前进后退键可在各选... 阅读全文

posted @ 2015-09-20 19:14 jack_Meng 阅读(1610) 评论(0) 推荐(0) 编辑

在一个div中设置左右各一个div布局
摘要:在一个div中设置左右各一个div布局 大的DIV中嵌套两个小的DIV一左一右步骤如下: 1,首先,图中显示的Web结构是html和css。 2,打开html页面,如图所示,定义一个大div和两个小div。 3,最常用的float float,只要两个小div的宽度小于或等于大div的宽度,就可以并 阅读全文

posted @ 2015-06-27 18:50 jack_Meng 阅读(15796) 评论(1) 推荐(3) 编辑

DIV设置浮动float以后下一个DIV要换行的方法
摘要:《div style=“float:left;”》1111111 《/div》《div style=“float:left;”》222222 《/div》《div 》33333333《/div》1111111 和222222在同一行,接下来的33333333虽然没有float:left的属性,但是也... 阅读全文

posted @ 2015-06-27 18:43 jack_Meng 阅读(57872) 评论(0) 推荐(3) 编辑

DIV横向排列_CSS如何让多个div盒子并排同行显示
摘要:如何让多个div盒子并排同行div横向排列显示呢? 我们先设置3个div盒子对象,什么css样式都不设置看看效果。代码如下: 三个div盒子均独占一行显示 div盒子本身默认样式属性是独占一行,而解决div独占一行方法通常有两种,一种为设置浮动,另外一种为设置display样式。接下来为大家通过文章 阅读全文

posted @ 2015-06-27 17:32 jack_Meng 阅读(32611) 评论(2) 推荐(0) 编辑

w3cschool在线教程
摘要:做网页开发的,没有不知道w3cschool的,如果你还不知道,那么就应该早点看下面推荐的文章,菜鸟可以帮你提升你的技能,老鸟可以温故而知新。第一个是:http://www.w3school.com.cn/index.html官方的网站,没什么好说的。第二个是: W3CSCHOOL菜鸟教程 方便菜鸟学... 阅读全文

posted @ 2014-12-04 12:22 jack_Meng 阅读(1506) 评论(0) 推荐(0) 编辑

一套后台管理html模版
摘要:最近自己需要一套后台管理的模版,然后去网上查找,模版的确很多,但是适合我的并不多。我需要的模版是不会很大,我能够控制代码,样式不要太古朴,最好有点CSS3的效果。最后终于找到一张主页,然后再根据这个主页来编辑其他的后台部分。第一眼看到这个样式,就非常满意。现在只做了四张页面,登录、首页、菜单管理和菜... 阅读全文

posted @ 2014-10-10 15:03 jack_Meng 阅读(14643) 评论(0) 推荐(0) 编辑

系列文章--精通CSS.DIV网页样式与布局学习
摘要:精通CSS.DIV网页样式与布局(八)——滤镜的使用 精通CSS.DIV网页样式与布局(七)——制作实用菜单 精通CSS.DIV网页样式与布局(六)——页面和浏览器元素 精通CSS.DIV网页样式与布局(五) ——设置表格与表单样式 精通CSS.DIV网页样式与布局(四) ——页面背景 精通CSS. 阅读全文

posted @ 2014-08-18 23:59 jack_Meng 阅读(563) 评论(0) 推荐(0) 编辑

在线调色板
摘要:从网上找到的调色板,因为公司网络不能使用外网,使用我修改了下,可以离线使用,下面给出下载链接:在线调色板:点击下载下载后自己解压缩,解压缩后包括两个文件一个是:调色板.htm 和wheel-en.gif这两个文件都需要的,直接双击打开调色板.htm 就可以使用。说明:如果打开的时候有黄色安全提示,可以点击允许就可以了。如果以上都还无法使用,再推荐你一个在线可以使用的:http://www.cnhyy.com/color/但是他的这个没有使用说明,我自己做的可是增加了说明的哦,想用那个,你自己看着办吧! 阅读全文

posted @ 2013-08-14 14:31 jack_Meng 阅读(516) 评论(0) 推荐(0) 编辑

20款常用的在线配色工具
摘要:配色是网页设计的关键之一,精心挑选的颜色组合可以帮助你让设计更有吸引力,相反的,糟糕的配色会伤害眼睛,妨碍读者对网页内容和图片的理解。然而,很多时候设计师不知道如何选择颜色搭配,好消息是如今有很多的配色工具帮助你挑选颜色。下面列出了20款优秀在线配色工具,看看哪款适合你。COLOR SCHEME DESIGNERColor Scheme Designer 是一款互动的在线配色工具,通过拖动色轮来选择色调,可导出十六进制的颜色代码为HTML、XML和文本文件。CHECK MY COLOURSCheck My Colours 是一款帮助你检查不同网页自己的颜色亮度和对比度的差异的工具,同时也检查所 阅读全文

posted @ 2013-08-14 14:17 jack_Meng 阅读(2754) 评论(0) 推荐(0) 编辑

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示

喜欢请打赏

扫描二维码打赏

支付宝打赏

主题色彩