制作过网页的人都有为画线而烦恼的经历，先来认识一下“Border”（画边框），它是CSS的一个属性，用它可以给能确定范围的HTML标记（如TD、DIV等等）画边框，它可以定义边框线的类型、宽度和颜色，利用这个特性，可以制作一些特殊效果。下面把通过实例来说明其应用技巧。 1、给文本加边框 上面的示例中，给一段文字加了不同的边框，只是为了说明边框线的颜色、粗细是可变的。
在一些特殊的情况中，我们需要实现div随着页面放大缩小。 最近我遇到的一些问题就是在电脑上设计的时候，写死的宽高在浏览器上显示的时候一切正常，但是公司的60寸显示器上却是发生很大的变化，这都是分辨率的不同造成的影响。这种一般的情况可以根据按照百分比来设置宽高，就可以解决不同分辨率显示的问题。但是新遇到的一个需求中，需要在一个按百分比设置宽高的div a中，得到一个正方形div b。因为a的宽高在
红外线连接用的是主板上的红外线接口，一般的主板都有，大家看看主板的说明，在BIOS里面打开就可以用了。VCC对应5v的电源电压，IRRX是接受端，GND是地线，IRTX是发射端。红外发射电路由红外线发射管L2和限流电阻R2组成。当主板红外接口的输出端IRTX输出调制后的电脉冲信号时，红外线发射管将电脉冲信号转化为红外线光信号发射出去。电阻R2起限制电流的作用，以免过大的电流将红外管损坏。当R2的阻
自适应是每个开发者必走的路，该篇掘文是前者踩过一些坑 而踏出来的几条路，希望这些经验能在开发的过程中帮助到大家！！！1.传统布局 => rem
方式一
const deviceWidth = document.documentElement.clientWidth || document.body.clientWidth;
document.querySelector(‘html’).
1、已知宽高 上图中我们想要对已知宽度的“服务范围”进行左们知道整体的宽度，所以我们可以直接采用在向左移动宽度的一半，也就是margin
转载
2022-04-13 11:02:17
439阅读
视频背景有一些官方网站为了弘扬他们的企业文化，往往会拍一些记录短片。如果能把这些记录短片放在公司的官方网站上，既能体现公司的企业文化又能给网站提供更加绚丽的视觉享受预览效果接下来请看下我制作的一个demo：预览效果：视频全屏背景案例 下载源码：http://chengqige.com/bg/video/index.rar大家可以下载源码进行阅读，关键的部分我都做了详细的注释核心代码展示css部分*
转载
2024-07-30 16:50:43
126阅读
语法： calc() = calc(四则运算) 说明：
转载
2020-01-15 17:51:00
310阅读
2评论
rem是CSS3新引入的单位，它改良了往期版本中em单位使用不方便的缺点。（如果想了解em单位的更多信息，可以查看之前的文章：CSS中的em单位）一、em单位带来的问题我们知道，em的长度是根据元素自身的font-size大小来确定的：1em = 元素中文本的1个垂直高度如果元素自身没有设置font-size，那么em的长度将根据父元素的font-size来确定。另外，元素自身的font-size
转载
2024-06-29 23:30:25
179阅读
1.什么叫REM rem（font size of the root element）是指相对于根元素（html标签）的字体大小的单位。 2.REM有什么用？ 现在我们在制作网页的时候，用PX单位+百分比。在到放大和缩放，会看到样式混乱，部分换行错误等问题。这样制作的网页只能
转载
2024-08-17 23:13:29
80阅读
思考1. 页面布局文字能否随着屏幕大小变化而变化？2. 流式布局和flex布局主要针对于宽度布局，那高度如何设置？3. 怎么样让屏幕发生变化的时候元素高度和宽度等比例缩放？一、rem 基础rem 单位rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如，根元素（html）设置font-size=12px; 非根元素设置
转载
2024-06-13 17:01:17
81阅读
本文，我们将探讨 CSS 中使用t，即 Root EM。
原创
2023-05-20 02:26:32
79阅读
一. 基础 1. css的引入：<link rel="stylesheet" href="">link标签中，rel属性代表relation，href是hypertext reference，即超文本引用。另外，type属性总是会隐式声明为text/css，但这并不是一个绝对安全的做法。最后一个值得说的属性是media，它的3个被广泛支持的
转载
2024-10-18 20:41:39
53阅读
px\em\rem三者介绍pxpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。emem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。因此，为了换算方便，通常我们会在HTML的根元素设置：ht
转载
2024-05-31 23:27:02
47阅读
一、css宽高自适应： 1.宽度自适应： 元素宽度设为100%（块状元素的默认宽度为100%） 注：应用在通栏效果中 2.高度自适应： height:auto;或者不设置高度 3.最小，最大高度，最小，最大宽度： a)最小高度 min-height:value; IE6不识别min-height属性，解决方案如下：&n
转载
2023-12-13 12:15:40
322阅读
前言em 和 rem 都是灵活可扩展的单位，由浏览器转换为像素值，取决于设计中的字体大小，如果使用值 1em 或 1rem ，它可以被浏览器转换为从 16px 到 160px 或其他任意值。浏览器使用 1px ，那么 1px 始终显示为完全 1px。em 和 rem 的相同点使用 em 和 rem 单位可以让我们的设计更加灵活，能够控制元素整体放大缩小，而不是固定大小em 和 rem 区别区别是浏
转载
2024-09-13 17:35:13
22阅读
使用rem进行字体大小调整的主要问题是使用这些值有些困难。让我们看一个以rem单位表示的常见字体大小的示例，当然，假定基本大小为16px：报表广告10px = 0.625rem12px = 0.75rem14px = 0.875rem16px = 1rem（基本）18px = 1.125rem20px = 1.25rem24px = 1.5rem30px = 1.875rem32px = 2rem
转载
2024-08-27 12:54:30
87阅读
# 使用 jQuery 设置元素宽高的教学指南
在前端开发中，了解如何使用 jQuery 设置 HTML 元素的 CSS 属性是非常重要的一项技能。今天，我们就来一步一步地学习如何使用 jQuery 设置某个标签的宽高。接下来，我们将按照下面的步骤进行操作。
## 流程步骤
| 步骤 | 描述 |
|------|---------------
根据设计稿的实际宽度值,与设计稿最大宽度值,动态计算根字体大小，适应不同的屏幕比例。 本文的px转rem换算公式为: 100px = 1rem 18px = 0.18rem 基础css body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textare
转载
2020-10-13 15:03:00
133阅读
2评论
Web前端人员必须掌握什么？CSS使用技巧有哪些？无论你是Web前端新手还是资深前端开发工程师，都必须要掌握CSS知识。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。接下来千锋小编就给大家分享几个使你的CSS更加简洁优雅的使用技巧。 1、position:fixed降级问题 不知道曾经的你是不是遇到吸顶效果，使用position:
<script type="text/javascript">
</script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
1.连接到一个外部的样式表 将一个外部的样式表加入到
