安超峰的网站HTML+CSS笔记
汤姆不是猫 发布于 2019-02-14
HTML+CSS笔记 首先：首先新建一个文件夹，取好名字，在里面新建两个文件夹，img：用于放置图片，img里面的图片名字命名为icon。 css:用于放置css文件，将新建的css文档命名为layout.css 建一个HTML5文档，命名为index.html ...
阅读(2962)评论(1)赞 (3)
标签：CSS
手机分辨率@media自适应网页
汤姆不是猫 发布于 2018-06-04
/* 手机等小屏幕手持设备 */ @media screen and (min-width: 320px) and (max-width: 480px) { body { background: yellow; } } /* 平板之类的宽度 1024 以...
阅读(3211)评论(0)赞 (2)
文本多行溢出隐藏并显示省略号
汤姆不是猫 发布于 2017-07-28
display: -webkit-box; display: -moz-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -we...
阅读(4286)评论(47)赞 (7)
div p和div>p和div+p区别
汤姆不是猫 发布于 2017-07-13
div p div里面所有P div>p div第一代子集p，也就说如果 <div> <h1> <p>01</p> </h1> <p>02</p> </div> 此...
阅读(4745)评论(0)赞 (2)
如何使一个标签看不见但依旧占据页面空间
汤姆不是猫 发布于 2017-07-13
如何使一个标签看不见但依旧占据页面空间，实例： <html> <head> <style type="text/css"> h1.visible {visibility:visible} h1.invisible {visibility:hid...
阅读(3429)评论(0)赞 (0)
CSS3动画—-@keyframes 规则
汤姆不是猫 发布于 2017-05-11
1 2 用到的CSS3如下所示 @-webkit-keyframes le01{0%{top:591px; opacity:0.9;} 50%{top:331px;} 100%{top:391px; opacity:1;}} @-webkit-keyframes le02{fro...
阅读(3488)评论(13)赞 (1)
CSS 基础测验
汤姆不是猫 发布于 2017-03-18
CSS 测验 1 . CSS 指的是？ Computer Style Sheets Cascading Style Sheets Creative Style Sheets Colorful Style Sheets 2 . 在以下的 HTML 中，哪个是正确引用外部样式表的方法...
阅读(3235)评论(4)赞 (1)
屏幕滚动时候，触发事件—-scroll()
汤姆不是猫 发布于 2017-03-15
屏幕（网页）滚动时候，触发某些特殊事件。 例如当屏幕往下拉的时候，给某标签添加/去掉某样式。 例如制作浮动导航： 在页面下拉至某一高度以前，导航位置保持不动。 当用户下拉页面，导航改变位置，添加样式 position: fixed; （记得给其父级添加position: rela...
阅读(5319)评论(0)赞 (2)
什么时候js得加$(document).ready()及$(document).ready()的用法
汤姆不是猫 发布于 2017-03-15
定义和用法 当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready 事件。 由于该事件在文档就绪后发生，因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。正如上面的例子中那样。 ready() 函数规定当 ready 事件...
阅读(3037)评论(0)赞 (4)
transition的简单用法
汤姆不是猫 发布于 2017-03-04
transition: all 0.5s; 给一些标签设置一些动画效果，只需要加上上面的一句打码就行。 比如给标签换个颜色、改变大小、改变位置都能改成动画效果。 transition: all 5s 8s; 设：某标签进行了 hide的隐藏行为， 那么在行为触发5秒后，进行长达8...
阅读(2895)评论(0)赞 (2)