制作过网页的人都有为画线而烦恼的经历，先来认识一下“Border”（画边框），它是CSS的一个属性，用它可以给能确定范围的HTML标记（如TD、DIV等等）画边框，它可以定义边框线的类型、宽度和颜色，利用这个特性，可以制作一些特殊效果。下面把通过实例来说明其应用技巧。 1、给文本加边框 上面的示例中，给一段文字加了不同的边框，只是为了说明边框线的颜色、粗细是可变的。
1、已知宽高 上图中我们想要对已知宽度的“服务范围”进行左们知道整体的宽度，所以我们可以直接采用在向左移动宽度的一半，也就是margin
转载
2022-04-13 11:02:17
439阅读
语法： calc() = calc(四则运算) 说明：
转载
2020-01-15 17:51:00
310阅读
2评论
视频背景有一些官方网站为了弘扬他们的企业文化，往往会拍一些记录短片。如果能把这些记录短片放在公司的官方网站上，既能体现公司的企业文化又能给网站提供更加绚丽的视觉享受预览效果接下来请看下我制作的一个demo：预览效果：视频全屏背景案例 下载源码：http://chengqige.com/bg/video/index.rar大家可以下载源码进行阅读，关键的部分我都做了详细的注释核心代码展示css部分*
转载
2024-07-30 16:50:43
126阅读
今天发现一个问题，用<link rel="stylesheet" type="text/css" href="test.css" />在ie11浏览器下无法正常引入，直接在页面使用<style></style>没有问题。在IE兼容模式下和火狐下没问题。在网上仔细搜了一下，原来是头文件的问题。源文件代码如下：<!doctype html><htm
转载
精选
2015-07-23 15:22:07
933阅读
一、css宽高自适应： 1.宽度自适应： 元素宽度设为100%（块状元素的默认宽度为100%） 注：应用在通栏效果中 2.高度自适应： height:auto;或者不设置高度 3.最小，最大高度，最小，最大宽度： a)最小高度 min-height:value; IE6不识别min-height属性，解决方案如下：&n
转载
2023-12-13 12:15:40
322阅读
# 使用 jQuery 设置元素宽高的教学指南
在前端开发中，了解如何使用 jQuery 设置 HTML 元素的 CSS 属性是非常重要的一项技能。今天，我们就来一步一步地学习如何使用 jQuery 设置某个标签的宽高。接下来，我们将按照下面的步骤进行操作。
## 流程步骤
| 步骤 | 描述 |
|------|---------------
在一些特殊的情况中，我们需要实现div随着页面放大缩小。 最近我遇到的一些问题就是在电脑上设计的时候，写死的宽高在浏览器上显示的时候一切正常，但是公司的60寸显示器上却是发生很大的变化，这都是分辨率的不同造成的影响。这种一般的情况可以根据按照百分比来设置宽高，就可以解决不同分辨率显示的问题。但是新遇到的一个需求中，需要在一个按百分比设置宽高的div a中，得到一个正方形div b。因为a的宽高在
居中元素定宽高 abosolute + 负 margin 元素偏移后，再修正元素自身宽高的一半，及可实现剧中显 CSS .wp { border: 1px solid red; width: 300px; height: 300px; position: relative; } .box { bac ...
转载
2021-08-09 21:15:00
372阅读
2评论
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
原创
2021-07-07 16:43:59
585阅读
一行样式 word-break:break-all; ...
转载
2021-10-25 14:28:00
280阅读
2评论
jQuery相关的宽高和JS相比，jQuery就像亲妈一样，JS就是后妈，哈哈哈哈哈～～～～～～总之，jQuery对很多有关兼容的问题进行封装，只有极少一部分属性需要考虑兼容，用起来非常滴方便～～与jQuery相关的宽高：.width()与.height()； .innerWidth()与 .innerHeight(); .outerWidth() 与.outerHeight();上边3对是jQu
转载
2024-08-13 11:35:26
54阅读
大厂技术坚持周更精选好文1. 前言在学习 CSS 的过程中，我经常会被数不清的属性和特性弄得晕头转向。作为前端新手，经常会坐在显示器前花很多很多时间去 “追” 视觉稿，也经常会在 “为什么这个属性不生效” 和 “为什么这个属性生效了但是不是我想要的效果” 之间摇摆，直到我开始看张鑫旭老师的《CSS 世界》，才开始渐渐地走进 CSS 世界，才明白原来 CSS 的背后...
转载
2022-08-05 15:16:17
128阅读
在现代前端开发中，获取屏幕的宽度和高度通常依赖于 JavaScript。然而现代 CSS 也可以获取到屏幕的宽高，通过自定义属性（CSS Variables）和一些数学函数来实现这一目标。本文将详细解析如何使用 CSS 的 @property 规则和一些数学运算来获取屏幕的宽高，严格的说是获取视口的宽度和高度。
使用CSS获取屏幕宽高仅是一种实现方式，部分属性和数学函数有一定的兼容性问题，所以线上
原创
精选
2024-08-27 10:51:26
222阅读
本文主要介绍了
CSS 中处理图片时容易被忽略的细节，通过阅读本文，你将了解到图片拉伸如何处理、给透明图像添加阴影、滤镜、将背景图像设置为文本颜色等内容。 文章目录1.图片拉伸问题处理2.透明图像的阴影3.滤镜4.背景图像设置为文本颜色 1.图片拉伸问题处理日常经常遇到图片列表，而图片大小不一。 （1）为了使图片不被拉伸，之前我是这么操作的：给 <img> 标签外边多加个 <di
转载
2024-04-11 09:50:27
112阅读
专门针对IE的hack写法：_background:red;/*IE 6*/*background:black;/*IE7*/background:blue\9;/*在IE6,IE7,IE8,IE9,IE10下生效*/background:green\0;/*在E8,IE9,IE10下生效*/background:grey\9\0;/*在IE9,IE10下生效*/
原创
2016-06-13 09:24:45
564阅读
!important; /*ff ie*/ .div {/*FF OP*/ :^ ]4l ? p0background-color: #FF0000 X6r0|*[ d p \ b0E0} } ` X o/T I e w i i0html* .div{/*Sa IE7 OP*/一缕阳光 ?!@ Z7k+R w9a ` x n background-color:#FF00FF ${ _ m8h#? ...
转载
2008-09-06 17:45:00
124阅读
2评论
在编写网页代码时，各种浏览器的兼容性是个必须考虑的问题，有些时候无法找到适合所有浏览器的写法，就只能写根据浏览器种类区别的代码，这时就要用到判断代码了。在HTML代码中，区别各种浏览器的代码如下(以ie6为例，这时目前国内用户最多的，得益于盗版xp系统的广泛流传….不过这玩意也是绝大部分兼容性问题的根源，因为其标准化程度实在是….)：<!--[if IE 6]> 仅IE6可识别 <
原创
2021-04-13 21:16:09
210阅读
在编写网页代码时，各种浏览器的兼容性是个必须考虑的问题，有些时候无法找到适合所有浏览器的写法，就只能写根据浏览器种类区别的代码，这时就要用到判断代码了。在HTML代码中，区别各种浏览器的代码如下(以ie6为例，这时目前国内用户最多的，得益于盗版xp系统的广泛流传….不过这玩意也是绝大部分兼容性问题的根源，因为其标准化程度实在是….)：<!--[if IE 6]> 仅IE6可识别
原创
2022-03-29 16:48:03
184阅读
IE是最恶心人的一款浏览器。但预计在2020年，我们弄的那些个WEB系统还是要兼容它。这种老ychromeIE怎么办呢？...
原创
2022-08-15 12:35:59
96阅读
