制作过网页的人都有为画线而烦恼经历,先来认识一下“Border”(画边框),它是CSS一个属性,用它可以给能确定范围HTML标记(如TD、DIV等等)画边框,它可以定义边框线类型、宽度和颜色,利用这个特性,可以制作一些特殊效果。下面把通过实例来说明其应用技巧。 1、给文本加边框  上面的示例中,给一段文字加了不同边框,只是为了说明边框线颜色、粗细可变
语法: calc() = calc(四则运算) 说明:
转载 2020-01-15 17:51:00
310阅读
2评论
1、已知 上图中我们想要对已知宽度“服务范围”进行左们知道整体宽度,所以我们可以直接采用在向左移动宽度一半,也就是margin
转载 2022-04-13 11:02:17
441阅读
  大多数数码相机拍出图片都是4:3比例,而时下也可以冲印4:3比例相片,或许会贵些,或许这样店还是少了些.   那么在冲印标准6寸相片大多用传统3:2,那么我们用数码相机拍摄图片就要被截去一部份,如果你没有指明,大多洗相店人员会自主帮你按他认为最佳比例裁剪.   为了能达到你想要效果,可以用ph
视频背景有一些官方网站为了弘扬他们企业文化,往往会拍一些记录短片。如果能把这些记录短片放在公司官方网站上,既能体现公司企业文化又能给网站提供更加绚丽视觉享受预览效果接下来请看下我制作一个demo:预览效果:视频全屏背景案例 下载源码:http://chengqige.com/bg/video/index.rar大家可以下载源码进行阅读,关键部分我都做了详细注释核心代码展示css部分*
转载 2024-07-30 16:50:43
126阅读
# 使用 jQuery 设置元素教学指南 在前端开发中,了解如何使用 jQuery 设置 HTML 元素 CSS 属性是非常重要一项技能。今天,我们就来一步一步地学习如何使用 jQuery 设置某个标签。接下来,我们将按照下面的步骤进行操作。 ## 流程步骤 | 步骤 | 描述 | |------|---------------
原创 8月前
90阅读
top: 50%; left: 50%; transform: translate(-50%,-50%);    
CSS
原创 2021-07-07 16:43:59
585阅读
一、css自适应: 1.宽度自适应: 元素宽度设为100%(块状元素默认宽度为100%) 注:应用在通栏效果中 2.高度自适应: height:auto;或者不设置高度 3.最小,最大高度,最小,最大宽度: a)最小高度 min-height:value; IE6不识别min-height属性,解决方案如下:&n
在一些特殊情况中,我们需要实现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评论
jQuery相关和JS相比,jQuery就像亲妈一样,JS就是后妈,哈哈哈哈哈~~~~~~总之,jQuery对很多有关兼容问题进行封装,只有极少一部分属性需要考虑兼容,用起来非常滴方便~~与jQuery相关:.width()与.height(); .innerWidth()与 .innerHeight(); .outerWidth() 与.outerHeight();上边3对jQu
转载 2024-08-13 11:35:26
54阅读
一行样式 word-break:break-all; ...
转载 2021-10-25 14:28:00
282阅读
2评论
div+css属性 gCascading Style Sheet 层叠式样式表 ==> 层叠样式表 Internal Style Sheet 内部样式表 External Style Sheet 外部样式表 inheritance 继承 em 斜体Strong粗体descendent selector 派生选择器 universal selector 通用选择器 ==> 通配选择器
大厂技术坚持周更精选好文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
垂直居中,在 css 中一个老生常谈问题,面试时候也会时常被提及。所以,今天我们就来聊聊 9 种不同居中方法。 有常见 flex、transform、absolute 等等。也有 css3 网格布局。还有伪元素方法,是的,你没有看错,::after 和 ::before 也可以实现居中
转载 2020-10-18 13:54:00
150阅读
2评论
很多时候会用到js控制某个元素display样式来实现它显示或不显示;但是对于这个元素父元素来讲用js获取父元素时会出现问题。 比如: <div id="wrap" class="">     <div id="Layer" style="display:none&
原创 2011-10-26 13:06:39
963阅读
Android 获得view宽和在oncreate()中利用view.getWidth()或是view.getHeiht()来获取view宽和,看似没有问题,其实他们去得值0,并不是你想要结果?这是为什么呢?在调用oncreate()方法时,界面处于不可见状态,内存加载组件还没有绘制出来,你无法获取他尺寸。那如何在绘制组件之前能获取到该组件尺寸大小呢?这里有三种方法,经过验证
转载 2023-06-02 15:15:05
451阅读
# Python 倍数? Python 一门广泛应用编程语言,其简洁易懂语法使其受到许多开发者青睐。在编程中,“倍数”这个概念非常重要,尤其在数据分析和科学计算中,有时候我们需要判断一个数是否另一个数倍数。本文将通过具体示例来讨论这一概念,并展示如何使用 Python 来实现这一判断。 ## 倍数定义 在数学里,如果一个整数 A 能被另一个整数 B 整除(即 A/B
原创 9月前
28阅读
  • 1
  • 2
  • 3
  • 4
  • 5