文章目录css gpucss3新特性css动画阴影圆角transform(变换)2d变换3d变换transition(过渡)animation 动画animation属性animation和transition文档流position 属性的值有哪些及其区别css选择器优先级css引入和link和@import的区别伪类和伪元素多行省略行内元素和块级元素BFCz-index响应式布局(媒体查询)D
转载
2023-07-10 20:22:59
72阅读
在线css兼容性处理地址:autoprefixer.github.io
转载
2017-09-19 22:16:00
1415阅读
扩展容器层高度: 父标记没有设置高度,子标记设置了浮动时,父标记的高会比内容高度小,造成页面不美观,必须想办法扩展其高度 1.用clear样式扩展高度 方法:在父标记中添加一个空的div标记,并设置样式 clear:both; margin:0px; padding:0px; 2.用overflow
转载
2016-11-05 21:59:00
94阅读
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
243阅读
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
68阅读
来源 | https://www.fly63.commask简介CSS的mask属性允许使用者通过部分或者完全隐藏一个元素的可见区域。这种效果可以通过遮罩或者裁切特定区域的图片。mask和background用法是相仿的,mask的值有这些:mask-clipmask-compositemask-imagemask-modemask-originmask-positionmask-rep
我是内容内容部分需要屏幕居中显示px; height: px;">
转载
2015-06-16 17:18:00
237阅读
2评论
CSS 遮罩层,背景渐变 html <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="basic.css"> </head> <body> <div cl
为了让html元素在网页中精确定位,就像图像软件PhotoShop中的图层一样可以对每个图层能够精确定位操作。CSS定义了一组定位(positioning)属性来支持层布局模型。层模型有三种形式:1、绝对定位(position: absolute)如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、
CSS3简介: CSS(cascading style sheet,层叠式样式表)是用来给HTML标签添加样式的语言。 CSS3是CSS的最新版本,增加了大量的样式、动画、3D特效和移动端特性等。 前端三层: 语言 功能 结构层 HTML 搭建结构、放置部件、描述语义 样式层 CSS 美化页面、实现布局 行为层 Javascript 实现交互效果、数据收发、表单验证 CSS使样式和结构分离: CS
语音识别:参考:https://www.zhihu.com/question/20398418
一个音素通常都划分成若干个状态,比如3个。 语音识别先分帧,若干帧语音对应一个状态,每3个状态对应一个音素。英文语音识别:通过提取mfcc,f0等特征+HMM把帧识别为状态(难)-------------》把状态组成音素------序列挑选识别器---------》把音素组合为单词语音合成:句子
<style> #shade { text-align: center; position: absolute; z-index
原创
2015-01-28 13:48:23
695阅读
1.CSS简介 1.1 HTML的局限性 HTML只关注内容的语义 1.2 CSS--网页的美容师 CSS 是 层叠样式表(Cascading Style Sheets) 的简称。有时候也称之为 CSS样式表 或 级联样式表。 CSS 也是一种标记语言。CSS 主要用于设置 HTML 页面中的 文本 ...
转载
2021-07-22 21:53:00
446阅读
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
249阅读
2评论
贴上HTML: ◆◆ ◆◆ ◆◆ ◆◆ Hi,知道吗? 大前端D7主题很快就疯抢了!以上HTML构成了一个浮出层和四个方向的尖角,其实你只需要其中的一个span标签,所以真正用上的代码并没那么多。贴上CSS:/* poptip */.poptip{position: a...
转载
2014-07-28 11:24:00
405阅读
2评论
在日常开发中经常会用到遮挡层,一直没有机会研究,今天实现了,感觉原理原来如此简单。不过你可以理解为垂直于屏幕的高度
原创
2023-06-28 14:21:44
42阅读
出于对b站视频为什么不遮挡人物的好奇,查看了相关的图片和相关文档,发现图片是类似于一个PS的遮罩层: 这张图片是怎么来的,肯定是AI识别出来然后生成的,一张图片也就一两K,一次加载很多张也不会造成很大的负担。查找文档,主要利用了以下属性: 详细相关mark属性: 它可以用于隐藏或部分隐藏一个元素的可见区域,类似于PS中的遮罩概念对于遮罩
如果元素添加了遮罩属