HTML+CSS笔记
汤姆不是猫 发布于 2019-02-14
HTML+CSS笔记 首先:首先新建一个文件夹,取好名字,在里面新建两个文件夹,img:用于放置图片,img里面的图片名字命名为icon。 css:用于放置css文件,将新建的css文档命名为layout.css 建一个HTML5文档,命名为index.html ...
阅读(2962)评论(1)赞 (3)
汤姆不是猫 发布于 2019-02-14
HTML+CSS笔记 首先:首先新建一个文件夹,取好名字,在里面新建两个文件夹,img:用于放置图片,img里面的图片名字命名为icon。 css:用于放置css文件,将新建的css文档命名为layout.css 建一个HTML5文档,命名为index.html ...
阅读(2962)评论(1)赞 (3)
汤姆不是猫 发布于 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)
汤姆不是猫 发布于 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)
汤姆不是猫 发布于 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)
汤姆不是猫 发布于 2017-03-18
CSS 测验 1 . CSS 指的是? Computer Style Sheets Cascading Style Sheets Creative Style Sheets Colorful Style Sheets 2 . 在以下的 HTML 中,哪个是正确引用外部样式表的方法...
阅读(3235)评论(4)赞 (1)
汤姆不是猫 发布于 2017-03-15
屏幕(网页)滚动时候,触发某些特殊事件。 例如当屏幕往下拉的时候,给某标签添加/去掉某样式。 例如制作浮动导航: 在页面下拉至某一高度以前,导航位置保持不动。 当用户下拉页面,导航改变位置,添加样式 position: fixed; (记得给其父级添加position: rela...
阅读(5319)评论(0)赞 (2)
汤姆不是猫 发布于 2017-03-15
定义和用法 当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。 由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。正如上面的例子中那样。 ready() 函数规定当 ready 事件...
阅读(3037)评论(0)赞 (4)
汤姆不是猫 发布于 2017-03-04
transition: all 0.5s; 给一些标签设置一些动画效果,只需要加上上面的一句打码就行。 比如给标签换个颜色、改变大小、改变位置都能改成动画效果。 transition: all 5s 8s; 设:某标签进行了 hide的隐藏行为, 那么在行为触发5秒后,进行长达8...
阅读(2895)评论(0)赞 (2)