在网页设计中，字体样式是塑造视觉效果和传达品牌信息的关键因素之一。CSS（层叠样式表）提供了丰富的工具和属性，使我们能够精确控制网页上的字体选择、大小、颜色、字重以及更多其他特性。本文将深入探讨CSS中字体样式的选择与美化，帮助设计师和开发者创建出既美观又富有表现力的网页。一、字体选择：基础与原则1.1 字体族（Font Family）CSS的font-family属性允许我们指定一个或多个字体名
body{ margin: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; bac
原创
2022-04-19 16:24:09
411阅读
1.美化滚动条 ::-webkit-scrollbar {
width: 8px;
原创
2018-03-08 15:32:54
1212阅读
CSS概述css样式:css是英文Cascading Style Sheets的缩写,称为层叠样式表，用于对页面进行美化，CSS的可以使页面更加的美观。基本上所有的html页面都或多或少的使用css。CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决
此处以yum安装为例：登录Jenkinshttp://192.168.0.185:8080/根据提示输入自动保存的密码(cat /var/lib/jenkins/secrets/initialAdminPassword) 选择"安装推荐的插件" 开始安装插件 创建第一个管理员用户(admin/password) 实例配置 登录
伪类：很常用的hover鼠标移动到父元素时子元素变色写父级元素：hover 子元素{}这样直接对子元素进行操作。还有就是对他的兄弟元素发生改变：用+加兄弟元素，如果让所有的兄弟元素发生变化那就把+变成"~"鼠标划过出现大图:先做一个盒子盒子里置入img，然后将盒子隐藏:直接用display：nonedisplay：none隐藏时候不占用空间，而visibility：hidden隐藏的时候会占用空间
转载
2024-08-22 13:51:24
103阅读
input{ padding: 20px; width: 100%; height: 5vh; margin-bottom: 2vh; border-radius: 10vw; border: 0; outline-style: none; } input{ padding: 20px; width
原创
2022-04-19 16:16:25
1046阅读
HTML中引入CSS样式行内样式内部样式外部样式3种样式的优先级
行内样式 --> 内部样式 --> 外部样式css的选择器基本选择器
标签选择器类选择器ID选择器3种选择器的优先级
ID选择器 --> 类选择器 --> 标签选择器高级选择器
层次选择器
后代选择器子选择器相邻兄弟选择器通用兄弟选择器属性选择器编辑网页文本字体样式fon
转载
2024-02-20 09:48:00
94阅读
有人可能只是不喜欢Windows平台下字体渲染的效果，即在低分屏幕下显示模糊，我不但不能忍受Windows平台的字体渲
原创
2022-09-17 02:51:28
921阅读
@TOC(Windows字体美化（折腾）指南)为什么要改造Windows字体平时使用macOS和Windows双平台，习惯了macOS的字体渲染，强迫症对Windows平台的字体有点不能忍，所以必须彻底改造Windows平台下的字体。有人可能只是不喜欢Windows平台下字体渲染的效果，即在低分屏幕下显示模糊，我不但不能忍受Windows平台的字体渲染，更重要的是对Windows默认的字体非常不喜
原创
2022-09-16 09:03:55
1340阅读
css修饰HTML一、CSS的优势1.内容与表现分离； 2.CSS使网页的表现统一，并且容易修改； 3.丰富的样式使得页面布局更加灵活； 4.减少网页的代码量，增加网页的浏览速度，节省网络带宽； 5.运用独立于页面的CSS，还有利于网页被搜索引擎收录。二、引入CSS标签的方式1行内样式<!DOCTYTE html>
<html>
<head lang="en">
转载
2024-02-04 23:23:21
197阅读
Java Swing皮肤包之beautyeye前言：一.皮肤包分享二.皮肤包的使用1.先新建一个项目。2.导入皮肤包1.先导入我们刚刚下载的jar文件，右键项目demo即可2.如果右键没有这个选项，记得调为下图模式3.点击下图蓝色圆圈处4.找到刚刚下载的jar文件，点击打开即可5.我们看一下效果，是不是比原生的好看三.界面效果 前言：因为Java Swing自身皮肤包不是很好看，甚至有点丑，怎么
转载
2023-09-09 23:01:27
480阅读
使用JavaFX开发桌面程序注：我也是JAVA FX的初学者之一，自己在学习的时候踩了许多的坑，中文英文的资料查了不少，但是觉得FX技术和其他热门技术相比，教程还是太少了。这里就尽量做一点微小的贡献吧使用环境注：写这个只是为了说明我的环境，使用和我的不一样的环境在理解这篇教程的时候并没有什么问题，例如使用Windows平台、使用Oracle JDK(这样就不需要再单独安装FX组件了，可以不用MAV
转载
2024-06-12 20:53:19
80阅读
居中，在网页web开发的应用场景是非常广泛的，在很多时候居中的设计会更显得美观大方，同时在UI设计中也是很常用的布局手法。所以在学习css布局中，学会居中是必不可少的功课，下面我就简单的介绍在开发中经常用到的居中方法。注： 以下方法暂不考虑IE浏览器兼容的问题。1. 字体垂直居中文字居中是一个常见，也很基础的应用。其方法也很简单，只要设置字体的行高line-height（自行百度）和盒子的高度一致
转载
2024-06-13 19:36:01
178阅读
美化网页元素3.1 为什么要美化网页有效的传递页面信息美化网页，页面漂亮，才能吸引用户凸显页面的主题提高用户的体验span标签：重点要突出的字用span标签套起来<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>span标签</
转载
2021-03-13 20:22:17
563阅读
2评论
伴随网络时代日新月异的发展，用户不仅仅满足于软件系统的功能需求，对软件系统的页面显示效果以及交
原创
2022-07-23 00:18:20
176阅读
仅供学习，转载请注明出处简介在设置input的适合，你会觉得默认的input样式并不好看。那么该怎么优化呢？默认的input可以从上面看出，这个样式的确不好看。优化input样式设置 outline-style: none ; 取消外边框可以从上图看出，在点击输入input的适合，框边就显示比较粗的边框，那么怎么将这个样式...
原创
2022-07-22 22:00:26
7258阅读
一、为什么使用CSS有效的传递页面信息，使用CSS美化过的页面文本，使页面漂亮、美观，吸引用户，可以很好的突出页面的主题内容，使用户第一眼可以看到页面主要内容，具有良好的用户体验。二、字体样式属性名含义举例font-family设置字体类型font-family:"隶书";font-size设置字体大小font-size:12px;font-style设置字体风格font-style:italic
原创
2023-03-24 17:30:06
606阅读
点赞
