-
CSS背景图片实现自适应、全屏、填充与拉伸的方法
所属栏目：[教程] 日期：2020-05-12 来源：DaWei
div id=formbackground style=position:absolute; width:100%; height:100%; z-index:-1 img src=http://www.jb51.net/css/pictures/background.jpg height=100% width=100%/ /div div id=formbackground style=position:absolute; z-index:-1;img src=htt[详细]
-
浅谈CSS 浏览器样式重置终结版
所属栏目：[教程] 日期：2020-05-12 来源：DaWei
副标题#e# 浏览器的一些默认样式，有时候真的是特别丑； 虽然现在有现成的 UI 框架，但有时候写个小东西不想用那么庞大的 UI 框架,这篇文章介绍解决一些样式问题，最后将给出完整的重置样式表; 如果有遇到其它样式问题，评论区提建议，我将持续更新 样式问[详细]
-
CSS实现标签效果的示例代码
所属栏目：[教程] 日期：2020-05-12 来源：DaWei
这里以制作图片右上角标签为例，用CSS以最简单、直接的方式实现效果。 实现效果 实现思路 准备两个div（一个父容器，一个标签div），分别设置宽高，并设置相对布局。 使标签div居于父容器右上角，设置内容居中显示，设置背景和字体颜色，旋转该div。 将父[详细]
-
CSS实现带箭头的提示框效果【示例代码】
所属栏目：[教程] 日期：2020-05-12 来源：DaWei
我们在很多UI框架中看到带箭头的提示框，感觉挺漂亮，但是之前一直不知道其原理，今天网上找了些资料算是弄清楚原理了； 先上效果图： 原理分析： 上面的箭头有没有觉得很像一个三角形，是的，它就是三角形；只不过它这个尖角是通过两个三角形来实现的；[详细]
-
使用css创建一个优惠券的方法
所属栏目：[教程] 日期：2020-05-12 来源：DaWei
添加优惠券类目,展示用户的优惠券 常见的设计样式如下图,核心为半圆 分步拆解 优惠券的特点是带有反向圆角,为了展示效果更好,适配多种场景,不推荐使用背景图片形式,建议使用 css . 网上有几种方案: 一种是 boder+clip 的形式,裁剪出4个小半圆角,拼凑在一起[详细]
-
深入浅析CSS3中的Flex布局整理
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
副标题#e# Flexbox布局模块旨在提供一个更有效的方式，在一个容器里面去布局分配空间。即使容器的大小是未知的，或者动态变化的。 Flex 布局背后的主要思想是让容器能够改变其项目的宽度 / 高度(和顺序) ，以最佳地填充可用空间(主要是适应各种显示设备和屏[详细]
-
通过css3的filter滤镜改变png图片的颜色的示例代码
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
本方法是通过CSS3滤镜 filter 中的 drop-shadow 将png图片的非透明部分生成任意颜色的投影，然后将原始图片隐藏起来，从而达到改变图片颜色的目的 先看效果图 接下来是代码 pstrong原始图标/strong/pi class=icon icon-del/ipstrong可以变色的图标/strong/[详细]
-
CSS3实现渐变背景兼容问题
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
我们在做一个渐变背景颜色的时候会用到linear-gradient() 函数用于创建一个线性渐变的 图像。它是css3中的语法，最低兼容IE10 background-image: linear-gradient(to right, #ff9000, #ff5000); direction：用于指定渐变方向。它可以接受一个表示角度的值[详细]
-
如何利用定位使元素居中(web端页面布局小技巧)
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
元素在浏览器窗口居中的方法 这里先给出代码块，如果有同学已经看出来点眉目可以先自己尝试一下。 position:fixed; /*给想要居中的元素设置*/ left:50%; /*或者right:50%*/ top:50%; /*或者bottom:50%*/ margin-left:-元素宽度的一半; /*或者margin-right*[详细]
-
WEB标准学习经验总结
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
今天在群里，熊猫君提议整理一个帖子，一方面为初学者提供一个入门指南，另一方面也象借此和已经在从事这个行业进行一点交流。下面是我从事这个行当多年的一些经验总结，希望抛砖引玉，大家不吝赐教。 １、必备工具 其实web标准并不是很复杂的技术，实现we[详细]
-
IE对网页中引入CSS样式表的限制
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
首先介绍一下HTML文档与CSS 的关联常见有4种方式： 1、使用link标记 linkrel=stylesheettype=text/csshref=sheet.css/ 2、使用style元素 styletype=text/css body{background:#fff;} h1{font-size:2em;} /style 3、使用@import指令 styletype=text/css @im[详细]
-
CSS实现聊天气泡效果
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
模拟的效果 二、原理 准备一个高度和宽度为0的盒子 将这个盒子设置一个边框 将边框不需要的地方用 transparent 来代替，需要显示的地方设置对应的颜色 如果需要改变其大小，直接设置边框的宽度 border-width 将字体 font-size 和行高 line-height 设置为0[详细]
-
纯CSS3实现移动端展开和收起效果的示例代码
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
HTML代码 section class=blockinput type=checkboxdiv class=case-blockdiv展开/divdiv收起/div/divdiv class=detaildiv唧唧复唧唧，木兰当户织。不闻机杼声，惟闻女叹息。(惟闻 通：唯)问女何所思，问女何所忆。女亦无所思，女亦无所忆。昨夜见军帖，可汗[详细]
-
CSS中层叠上下文的具体使用
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
层叠上下文与层叠顺序 层叠上下文（stacking content）是 HTML 中的三维概念，也就是元素z轴。层叠顺序（stacking order）表示层叠时有着特定的垂直显示顺序。 层叠准则 谁大谁上 当具有明显的层叠水平标示的时候，如识别的 z-indx 值，在同一个层叠上下文[详细]
-
CSS自定义select下拉选择框的样式(不用其他标签模拟)
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
今天群里有人问到怎么自定义select下拉选择框的样式，于是群里就展开了激烈的讨论，刚开始一直就是考虑怎样使用纯CSS实现，把浏览器默认的样式覆盖掉，但最后均因兼容问题处理不好而失败告终，最后的解决方案就是用其他的元素（如ul,li）模拟下拉菜单，或[详细]
-
好莱坞工作室推出“米老鼠”AR体验
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
据外媒vrscout报道，由位于美国奥兰多的迪士尼好莱坞工作室开发的AR游戏《Mickey and Minnie’s Runaway Railway: Adventure Kit》现已正式发行，玩家可以通过iOS版和安卓版的DisneyNow app来免费进行体验。游戏无需玩家提供任何个人信息，玩家只需下载该[详细]
-
Oculus Quest用户的新福音：Felix＆Paul Studios推出两款VR影视内容
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
据外媒vrfocus报道，在上周加拿大VR影视工作室Felix＆Paul Studios 为Oculus Go用户推出了VR影视内容《Alegría – A Spark of Light》后不久，近日该工作室又为Oculus Quest用户推出了《Felix Paul Studios Portal》，欣赏以下VR影视作品： 《Strangers w[详细]
-
兰博基尼首次使用AR技术推广其新款跑车
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
据外媒vrfocus报道，全球汽车制造商都在采用VR/AR技术来设计和推销其最新车型。早在2015年，兰博基尼就采用了VR技术来宣传其“Huracán”车型。到了2020年，兰博基尼则采用AR技术对其全新车型“Huracan EVO RWD Spyder”进行推广。 如果兰博基尼车迷想要观[详细]
-
VR战争体验内容《War Remains》将于5月21日发售
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
据外媒venturebeat报道，由巴西互动娱乐公司MWM Interactive制作、Brandon Oldenburg导演、美国娱乐内容开发商Flight School Studio开发的VR战争体验内容《War Remains》将于5月21日登陆Oculus商店、Steam、VIVEPORT平台，售价5美元。 《War Remains》最初[详细]
-
超V对话：B站、淘宝入局，需求暴增的Vtuber已进入高速发展期
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
副标题#e# 5月8日，由VR陀螺、天翼云VR、人民网5G创新中心联合推出的国内首档VR虚拟访谈节目《超V对话》正式播出，该节目由VSWORK虚拟空间提供技术支持。 本期节目中，主持人VR陀螺主编案山子与Bilibili VirtuaReal虚拟艺人项目负责人亢亢、广州超次元创始[详细]
-
5G·真MR平行世界 悉见《商场守护者Mall Rush》携手中国电信落地天津
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
这个五一假期，悉见科技联合中国电信集团、天津电信以及号百控股，在天津知名商业综合体天津南开大悦城以及天津天河城，为津城市民奉上了一场虚实融合的沉浸式火爆体验。 “相较于以往的一些营销互动游戏，这次的MR体验对顾客的吸引力远超我们的想象。”天[详细]
-
“激战到底 热血沉浸” VR观战精彩继续
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
由邹轩体育主办、上海市拳击协会指导的2020拳盟中华系列赛之“激战到底”线上拳击赛自4月18日刺激开战，中国电信天翼云VR作为独家VR直播平台，已为广大拳迷带来两场精彩对战。两轮比赛已先后产生61KG、69KG、72KG、52KG、57KG、66KG六个级别的擂主！ 本周[详细]
-
css控制UL LI 的样式详解(推荐)
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
div ul lia href="#"首页/a/li li/li lia href="#"博客/a/li li/li lia href="#"设计/a/li li/li lia href="#"相册/a/li li/li lia href="#"论坛/a/li li/li lia href="#"关于/a/li /ul /div CSS: 复制代码 代码如下: #menu ul {list-style:none;margin:0p[详细]
-
从腾讯网站首页改版学到的几点体会心得
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
腾讯首页近日改版了，现在将自己从其中学到和感悟到的几点总结出来分享： 1、宽屏设计： 1）不管腾讯处于什么考虑，宽屏总是让人看的很舒服，而且页面整体缩短了近1半，这让浏览信息的用户会方便很多。 2）同时大家注意到了，腾讯的宽屏不是完全的宽屏，而[详细]
-
解决网站防挂IFRAME木马的原理
所属栏目：[教程] 日期：2020-05-11 来源：DaWei
相信大多数朋友都是iframe木马的受害者，有朋友的网站被注入了n回iframe，心情可想而知。而且现在ARP攻击，注入iframe也是轻而易举的事，仅局域网里都时刻面临威胁，哎，什么世道。接近年关，为了防止更多的朋友受到攻击，于是细细说下。 灵儿曾经在经典论[详细]
