08 2017 档案
摘要：:hover 伪类经常用于页面的一些鼠标交互、链接点击变化，增强页面的用户体验，但是可以用来改变其他元素样式，可以在不使用JS 的情况下，达到想要的页面效果。 1、hover改变自身的效果： 鼠标悬浮改变样式： HTML <div id="yanshi"> 演示 </div> CSS #yanshi
阅读全文
摘要：1、最近在逛网站的时候，想找一下喜欢的鼠标悬浮效果，避免广告的嫌疑，直接放图了： 2、在实现的时候，如果在直接使用鼠标hover ,transform,进行过渡，不能达到想要的效果，因为同时只能触发一张图片的动画效果，鼠标一旦离开了图层，就会回到原始位置。 也就是说，要实现这样的效果，需要鼠标放在某
阅读全文
摘要：css的2d转换十分强大，能够在不使用js的情况下，实现页面的元素与用户之间更多动态的交互，增强用户体验。其中使用最多的就是hover伪类。 1、创建一个页面的div元素： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>2d转
阅读全文
摘要：CSS中2D转换的形式是这样的： 选择器{ transform：转换函数（参数，参数）； } 其中transform（是transform 不是transfrom）定义元素的2D或者3D转换； 2D转换的函数一共分为五大类： translate() 定义位移的函数；其中后面的参数分别是相对x轴，y轴
阅读全文
摘要：一般来说，服务器是可以托管多个网站的，只要服务器开启虚拟主机的功能，原理是根据来源的host进行判断，不同的域名实现不同的文件访问，这样就可以实现一个服务器托管不同网站了，只要服务器的性能和带宽足够强大，理论可以托管的网站无上限。 但是如果在本地怎样实现开启虚拟主机呢？因为本地是使用localhos
阅读全文
摘要：经常看见css的后代选择器是这样的写法： div.class 和 .class div 的形式两者的区别： div.class 是选中的类名为class 的div元素，与直接使用类选择器.class不同，因为可能有其他的元素使用了class类名，比如<p class=""></p>,就不会被div.
阅读全文