css

实现思路 其实一直想在网站上加一个音乐播放器的，但是当时搜索的是谷歌浏览器无法自动播放，所以就没准备加。并且其实当时也自己写了一个播放器，网页音乐播放器 音乐播放器 html++css+jshttps://www.datehoer.com/rcxx/61.html 但是由于懒得写 CSS 代码，所以比较丑，然后就没有往网站上加。但是呢，有一个是我一直不明白的

实现思路 其实说是HTML，实际上还是要通过CSS来实现具体效果的，毕竟实际上HTML是框架，而CSS则是填充框架的东西。这篇文章是介绍一个简单的案例，鼠标触碰图片，然后图片发生旋转，进而展现文字。 可以看一下动图演示: 其实这个是通过transform旋转以及backfacevisibiliity来实现图片隐藏的。 简单介绍一下这个HTML实现图片旋转显示

概念说明 今天想要精进（没事干）一下我的HTML和CSS技术，所以准备临摹一下谷歌的首页，也就是那个上面是搜索框，下面是快捷方式的页面。 类似于这个页面: 谷歌搜索页面的样式，不过下面没有Google搜索什么的，只是一个简单的快捷方式，将常用的页面添加成了快捷方式（之所以不上图是因为不想让你们看到我的快捷页面，哈哈）。 其实这个一看就感觉很容易就能做出来的效

操作步骤 首先准备工作为 jQuery、HTML、CSS、JavaScript，别的其实并不需要，而且其实 JavaScript 也不需要。 最初是准备不使用 jQuery 的，但是发现用 jQuery 只需要几行代码就能实现的功能，而用原生的 JavaScript 却需要好多，而且也不容易实现，所以最后才准备使用 jQuery 了。 jQuery 的安装各

概念说明 通过使用 @media 查询，可以针对不同的媒体类型来定义不同的样式。@media 可以根据不同的屏幕尺寸来设置不同的样式，特别是如果需要创建响应式的网页，@media 非常有用。当浏览器窗口大小改变时，页面会根据浏览器的宽度和高度进行重新渲染。 用法非常简单，例如： 类似于上面的小例子，在CSS中设置了一个媒体查询，它会检查浏览器的宽度是否小于1