• 纯CSS绘制3D立方体

    本篇记录的是使用CSS3绘制3D立方体,并旋转起来。 我的思路: 1?? 首先,用div元素画6个正方形摞在一起放在画布中间。为了区分,分别给每个div选择了不同的颜色,并且设置为半透明方便透视。 2?? 将6个div元素分为三组(上下一组、左右一组、前后一组),想象以画布中...

    2019-08-14 09:59:47 css代码AV<HTML代码使用gitGitHub思路记录

  • 常见的移动端H5页面开发遇到的坑和解决办法

    转过来,平时看看。虽然还有很多问题至今无解。比如:华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。!! 1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,...

    2019-08-14 09:59:17 h5网站h5网页ASP服务器定义硬件QQ浏览器qqWindows安卓

  • css常用属性

    文字超出省略: overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 前提要设置固定的宽度 多行文字省略(指在webkit内核下生效) overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vert...

    2019-08-14 09:55:09 IELAMPPS浏览器CFHTTPSwebHTMLADOCOM

  • 要什么 Photoshop,会这些 CSS 就够了

    标题党一时爽,一直标题党一直爽 还在上大学那会儿,我就喜欢玩 Photoshop。后来写网页的时候,由于自己太菜,好多花里胡哨的效果都得借助 Photoshop 实现,当时就特别希望 CSS 能像 Photoshop 一样处理图片。 随着对 CSS 的了解越多,我发现 CSS 有很多平时用得少(或...

    2019-08-14 09:52:25 css遮罩qq技巧IEsvfPhotoshopPS抖音知乎AV

  • @media screen媒体查询实现页面自适应布局

    @media screen and (min-width:1200px) { //大于等于1200px才会进入 } @media screen and (max-width:375px) { //小于等于375可以进入 html { background : red ; } } 由此可见,边界都包含在内。 更多参考连接https://www.runoob.com/cssref/css3-pr-mediaquery.html...

    2019-08-14 09:52:16 PSHTTPSHTMLCOM连接HTTPcssCSS3min-widthSpan

  • 弹性布局flex 介绍

    摘自:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C...

    2019-08-14 09:51:34 定义IE网页布局PS响应式页面布局浏览器web<HTML

  • HTML连载24-属性选择器(下)

    一、格式 标签[属性=值]:{属性:值;} 1.属性的取值是以什么开头的 attribute |= value(CSS2)attribute^=value(CSS3)两者之间的区别:CSS2中只能找到value开头,并且value是被-和其他内容隔开的;CSS3中只要是以value开头的都可以找到,无论有没有横线隔开的 p[id|=ab...

    2019-08-14 09:49:56 qq微信公众号微信公众号PSAVHTTPS视频<HTML

  • css3 2d转换

    css3的2d转化,我所知的有5种。 translate平移 rotate旋转 scale缩放 skew拉伸 matrix组合技 因为是css属性,所以必然,2d转化的设置在style中设置基本格式,transform:XXX;以选择哪种转化,还可以设置transition:time;以设置转化时间(不过不能设置在初始状态下,...

    2019-08-14 09:49:42 timAE使用方式特性时间选择最右cssCSS3

  • 前端的一些小知识点

    1. window.top 用来判断当前部分是否在页面的最顶层,比如:判断是否在iframe中,等等; 2.css3中width的属性值增加了。width:fit-content; 随内容的增加而撑开,不会因为单词的分隔自动wrap,还有一些属性值max-content,mini-content,fill-avaliable Intrinsic Si...

    2019-08-14 09:49:33 IELAMPPSAVweb方式图片csspaddingCSS3

  • CSS Grid网格布局全攻略

    CSS Grid网格布局全攻略 所有奇技淫巧都只在方寸之间。 几乎从我们踏入前端开发这个领域开始,就不停地接触不同的布局技术。从常见的浮动到表格布局,再到如今大行其道的flex布局,css布局技术一直在不断地推陈出新。其中网格布局(grid)作为css3的产物,它更加贴近网页...

    2019-08-14 09:49:01 wordpress前端开发定义word全攻略攻略框架结构IE系统公众号