随笔分类 -  html || css

摘要：效果图： 素材： bg.jpg hole.pngmole.png 阅读全文

摘要：故名思意，这个接口就是让网页或者文件在本地缓存下来，优点是可以提高网站的加载速度，同理如果缓存全部文件到本地则可以离线浏览网页。 我们可以把那些框架文件和哪些陈年不变的图片文件缓存到本地，提高网站二次浏览的加载速度。 1.首先创建一个名叫index.appcache（文件名可以自己定义）的文件，in 阅读全文

摘要：1.添加viewport元标签： <meta name="viewport" content="width=device-width, initial-scale=1" /> //width=device-width：网页宽度默认为设备宽度，initial-scale=1：初始缩放比例为1，即页面大 阅读全文

摘要：/*No.1*/ li{ line-height: ;//设为页面高度 vertical-align: middle; } li,img{ vertical-align: middle; } /*No.2*/ li{ display: table-cell; vertical-align: middle; } /*No.3*/ li{ display: -webkit-box; ... 阅读全文

摘要：//宽度等于设备宽度 //苹果手机优化，可以全屏显示 //滑动条为黑色 阅读全文

摘要：慕课网学到的用css3制作立体导航，受益匪浅，配合前段时间学的二级导航，有空试，哈哈！内容简单，但伪类after的使用需要注意！经过修改的最终效果图：涉及css3的知识点包括：圆角特效：border-radius: 10px;盒子阴影：box-shadow: 2px 5px 0px #0000cc;... 阅读全文

摘要：html:css:#btn{position:fixed;display:none;}script:获取滚动条高度:document.documentElement.scrollTop || document.body.scrollTop获取可视区高度:document.documentElemen... 阅读全文

摘要：body,h1,h2,h3,h4,p,dl,dd,ul,ol,form,input,textarea,th,td,select{margin: 0;padding: 0;}em{font-style: normal;}li{list-style: none;}a{text-decoration: n... 阅读全文

摘要：1.获取css外部样式表的属性值 getCss(obj,'属性名称');如：getCss(oSpan[0],'height'); getComputedStyle(obj).属性名称;如：getComputedStyle(oDiv[0]).width;2响应式布局 安卓专属，（私人博客说... 阅读全文

摘要：二级CSS3动画下拉菜单首 页 分 类 页面重构 编程语言 调试工具 浏览器 链 接 门户 新闻 社交关 于联 系微博微信E-mail 阅读全文