贴上HTML: ◆◆ ◆◆ ◆◆ ◆◆ Hi,知道吗? 大前端D7主题很快就疯抢了!以上HTML构成了一个浮出层和四个方向的尖角,其实你只需要其中的一个span标签,所以真正用上的代码并没那么多。贴上CSS:/* poptip */.poptip{position: a...
转载
2014-07-28 11:24:00
430阅读
2评论
在51CTO里潜水了很久的我终于在这天浮出来水面,看看这天空的世界!每天上班打开网页就一定会上51CTO网站,看看有没有什么最新的资讯、推荐的博文,到BBS里看看帖子,这些都成为了我每天必做的事。从51CTO里学到了很多知识与技术,对工作上也起到了一定的帮助。希望在这里能和大家分享并谈谈自已的想法,写写自已在工作中经验。
原创
2008-07-26 11:11:54
861阅读
2评论
在线css兼容性处理地址:autoprefixer.github.io
转载
2017-09-19 22:16:00
1448阅读
扩展容器层高度: 父标记没有设置高度,子标记设置了浮动时,父标记的高会比内容高度小,造成页面不美观,必须想办法扩展其高度 1.用clear样式扩展高度 方法:在父标记中添加一个空的div标记,并设置样式 clear:both; margin:0px; padding:0px; 2.用overflow
转载
2016-11-05 21:59:00
100阅读
2评论
.overlay{
display: block;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:9998;
转载
2023-06-29 17:37:09
272阅读
CSS 弹层效果当前页面div半透明遮罩效果:.div-hide{
filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;
}弹出层div居中对齐:.pop-div{
display: none;
margin: auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50
原创
2023-04-28 15:41:32
71阅读
来源 | https://www.fly63.commask简介CSS的mask属性允许使用者通过部分或者完全隐藏一个元素的可见区域。这种效果可以通过遮罩或者裁切特定区域的图片。mask和background用法是相仿的,mask的值有这些:mask-clipmask-compositemask-imagemask-modemask-originmask-positionmask-rep
转载
2024-01-17 10:19:16
152阅读
我是内容内容部分需要屏幕居中显示px; height: px;">
转载
2015-06-16 17:18:00
256阅读
2评论
CSS 遮罩层,背景渐变 html <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="basic.css"> </head> <body> <div cl
原创
2024-06-18 11:00:13
93阅读
为了让html元素在网页中精确定位,就像图像软件PhotoShop中的图层一样可以对每个图层能够精确定位操作。CSS定义了一组定位(positioning)属性来支持层布局模型。层模型有三种形式:1、绝对定位(position: absolute)如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、
转载
2024-04-06 08:21:31
164阅读
CSS3简介: CSS(cascading style sheet,层叠式样式表)是用来给HTML标签添加样式的语言。 CSS3是CSS的最新版本,增加了大量的样式、动画、3D特效和移动端特性等。 前端三层: 语言 功能 结构层 HTML 搭建结构、放置部件、描述语义 样式层 CSS 美化页面、实现布局 行为层 Javascript 实现交互效果、数据收发、表单验证 CSS使样式和结构分离: CS
转载
2024-03-04 10:45:05
62阅读
<style> #shade { text-align: center; position: absolute; z-index
原创
2015-01-28 13:48:23
722阅读
1.CSS简介 1.1 HTML的局限性 HTML只关注内容的语义 1.2 CSS--网页的美容师 CSS 是 层叠样式表(Cascading Style Sheets) 的简称。有时候也称之为 CSS样式表 或 级联样式表。 CSS 也是一种标记语言。CSS 主要用于设置 HTML 页面中的 文本 ...
转载
2021-07-22 21:53:00
485阅读
2评论
纯CSS Lightbox效果 This is the main content. To display a lightbox click here This is the lightbox content. Close
转载
2014-03-11 16:01:00
265阅读
2评论
在现代Web开发中,CSS 三层架构(通常包含基础样式、布局样式和主题样式)变得极为重要。这种架构可以帮助前端开发者和设计师以更有组织的方式构建与维护复杂的用户界面。本文将深入探讨“CSS 三层架构特点”这一主题,并通过流程图、类图等多种可视化工具来阐释其关键概念和实现方式。
```mermaid
quadrantChart
title CSS 三层架构特点
x-axis 样式层
在日常开发中经常会用到遮挡层,一直没有机会研究,今天实现了,感觉原理原来如此简单。不过你可以理解为垂直于屏幕的高度
原创
2023-06-28 14:21:44
69阅读
出于对b站视频为什么不遮挡人物的好奇,查看了相关的图片和相关文档,发现图片是类似于一个PS的遮罩层: 这张图片是怎么来的,肯定是AI识别出来然后生成的,一张图片也就一两K,一次加载很多张也不会造成很大的负担。查找文档,主要利用了以下属性: 详细相关mark属性: 它可以用于隐藏或部分隐藏一个元素的可见区域,类似于PS中的遮罩概念对于遮罩
如果元素添加了遮罩属
转载
2023-12-31 21:06:01
77阅读