Placeholder(占位符) 用来对可输入字段的期望值提供提示信息，目前已经得到主流浏览器的广泛支持。这个属性适用于 <textarea>多行文本框和 type属性值为 text, password, search, tel, url 或者 email 等的 <input>。使用方式非常简单：

由于汉字的特殊性，在css网页布局中，中文排版有别于英文排版。排版是一个麻烦的问题，小编认为，作为一个优秀的网页设计师和网页制作人员，掌握一些简单的中文排版技巧是不可或缺的，所以今天特意总结了几个简单实用的技巧，希望对大家有所帮助。

　　一、如何设定文字字体、颜色、大小等

　　font-style设定斜体，比如font-style:italic

如何插入字体 (How to Insert Fonts)

在现代计算机应用中，字体的使用无处不在。无论是设计海报、制作演示文稿，还是撰写文档，合适的字体都能极大地提升视觉效果和信息传达的效率。本文将详细介绍如何在不同的操作系统和软件中插入字体，包括Windows、Mac、以及常用的办公软件和设计软件。

一、了解字体类型 (Understanding Font Types)

H5自适应是现在主流的技术，导航栏菜单是最常见的一种，今天我们一起来学习一下它是如何使用HTML，CSS和JavaScript来构建响应式导航栏和汉堡菜单的。

这就是它的样子，是不是很熟悉呢？

好的，那就先从HTML开始：

<header class=”header”>
<nav class=”navbar”>
<a href=”#” class=”nav-logo”>WebDev.</a>
<ul class=”nav-menu”>
<li class=”nav-item”>
<a href=”#” class=”nav-link”>Services</a>
</li>
<li class=”nav-item”>
<a href=”#” class=”nav-link”>Blog</a>
</li>
<li class=”nav-item”>
<a href=”#” class=”nav-link”>About</a>
</li>
<li class=”nav-item”>
<a href=”#” class=”nav-link”>Contact</a>
</li>
</ul>
<div class=”hamburger”>
<span class=”bar”></span>
<span class=”bar”></span>
<span class=”bar”></span>
</div>
</nav>
</header>

字体在网站中扮演了相对重要的一个角色，所以在网站中，选用什么样的字体也是一个相对比较重要的工作。今天跟大家分享下在网站当中常用的8款字体。

都知道，字体主要分为称线字和无称线字。其实细分的话还有等宽字体、梦幻字体和花体字。但今天我们主要针对常用的称线字和非称线字来讲。

称线字和非称线字的区别可以看下图：

可以看到左边的中文和英文字属于称线字，右边中文和英文属于非称线字。称线字指的是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。比如我们常用的宋体，观察比划可以看到横细竖粗的特点，这就是典型的称线字。非称线字也叫无称线字，无衬线字体没有这些额外的装饰，而且笔画的粗细差不多。比如微软雅黑。

作者：Aaron

转发链接：https://segmentfault.com/a/1190000022781346

前言

对于前端同学来说其实做的更多的事情就是把数据整合好，按照UI同学的设计通过后端同学给的数据展示在网页中，这也就导致了很多人认为前端很简单，没有做什么工作也没有什么后端复杂的业务逻辑。

怎么更换字体 (How to Change Fonts)

在现代数字时代，字体不仅仅是文字的表现形式，它还传达了情感、风格和品牌形象。无论是在文档、网页还是设计项目中，选择合适的字体都是至关重要的。本文将详细介绍如何在不同平台和软件中更换字体，包括文字处理软件、网页设计和操作系统设置等。

一、在文字处理软件中更换字体 (Changing Fonts in Word Processing Software)

万年都在补基础

目录

一、2D 变换

1. 2D 位移

/* x 轴方向位移 30px */
transform: translateX(30px);
/* 分别设置 x 轴与 y 轴的位移 */
transform: translateX(30px) translateY(40px);
/* 同时设置 x 与 y 的方向位移 */
transform: translate(-50%, -50%);

今天聊聊css的几个特性层叠性（Cascading）、继承性（Inheritance）和优先级（Specificity）。掌握这几个特性，有助于我们很好的在写样式的时候做到游刃有余。

以下是这些特性的详细解释以及具体的HTML和CSS代码示例。

1. 层叠性（Cascading）