TypechoJoeTheme

快把钟哥带走

zyz

网站页面
标签搜索

最新文章

2018-04-12

09、HTML&CSS-自适应

09、HTML&CSS-自适应
一、过滤器下划线属性过滤器(过滤IE6和其他标准浏览器的)当一个属性前面添加一个下划线后,由于符合标准的浏览器不能识别带下划线的属性而忽略了这个声明,但是在IE6以及更低版本浏览器中是可以继续使用这种声明; 语法: 选择符{ _属性: 属性值; }!important关键字过滤器它所表示附加的声明具有最高优先级的意思。但由于IE6以及更低版本不能识别它们,可以利用IE6的这个BUG作为过滤器来兼容IE6和其他标准浏览器; 语法: 选择符{ 属性: 属性值!important; }二、宽高自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是自适应; 元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示;宽度自适应 元素宽度设置为100%(块元素宽度默认为100%)高度自适应 元素{height:auto;} // 高度默认就是auto元素具备最小高度的自适应方法1: min-height:value; ...

HTML&CSS

881 阅读
2018年04月12日
881 阅读
0 评论
2018-04-12

11、HTML&CSS-CSS统筹

11、HTML&CSS-CSS统筹
一、CSS文档统筹整站里相同的CSS样式提取到一个样式表里,各个页面调用相同的样式文件即可; 网站较大的情况下一般会把网站的头部,尾部单独分离出来,包括样式文件; > 根据页面类型分离文件 > 根据功能模块分离文件 > 根据标签类型分离文件 > 根据设备类型分离文件 > 根据代码规模综合分离文件 二、网页自身优化页面主题优化实事求是的写下自己网站的名字,网站的名字要合理,最好包含网站的主要内容;页面头部优化页面头部指的是代码中部分,具体一点就是中的"Description(描述)"和"Keywords(关键字)"“描述”部分应该用近乎描述的语言写下一段介绍你网站的文字,在这其中,你应该适当的对你网站的特色内容加以重复以求突出;"关键字"部分应该列出你认为合适的,能突出网站内容的关键字就可以了,关键字不要设置太多,可设置10---8个,搜索引擎只会浏览靠前的几个关键字; <meta name="keywords" content="" />向搜索引擎说明你的网页的关键词; <meta ...

HTML&CSS

59,088 阅读
2018年04月12日
59,088 阅读
0 评论
2018-04-12

08、HTML&CSS-图片整合

08、HTML&CSS-图片整合
一、CSS Sprites的原理(图片整合技术)/CSS精灵什么是图片整合? 将导航背景图片,按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图,然后用background-position来实现背景图片的定位技术;图片整合的优势: 1)通过图片整合来减少对服务器的请求次数,从而提高页面的加载速度;2)通过整合图片来减小图片的体积;二、CSS Sprites的实现方法什么是滑动门滑动门是一个形象的称呼,它利用CSS背景图像可层叠性,并允许彼此之上进行滑动来创造一些特殊动态效果;滑动门特征:通过滑动门技术,可以使CSS设计出来的导航菜单兼具传统布局的图像效果,与CSS布局的高效扩展性; 三、隐藏滚动条技巧思路: 父元素较小,子元素较大(子元素中的滚动条是需要隐藏的),给父元素添加oveflow,即将超出部分隐藏; <div style="height: 300px; width: 120px; background:red" class="scroll"> <!-- 子元素的滚...

HTML&CSS

758 阅读
2018年04月12日
758 阅读
0 评论
2018-04-12

07、HTML&CSS-定位和锚点

07、HTML&CSS-定位和锚点
一、position 定位 语法: position:static /absolute/relative/fixedstatic: 默认值,无特殊定位,对象遵循HTML原则;absolute: 绝对定位,将对象从文档流中拖离出来,使用left/right/top/bottom等属性相对其最接近的一个并有定位(absolute/relative)设置的父元素进行绝对定位;若没有父元素,则以html、body,浏览器的位置为相对位置,而其层叠通过z-index属性定义;(相对于谁?)relative: 相对定位,对象不可层叠,将依据right,top,left,bottom(相对定位)等属性在正常文档流中偏移位置(相对于谁呢?相对于它自己本身,即是在原来位置上偏移,而且注意原有位置就是在保留的);fixed: (固定定位)未支持,对象定位遵从绝对定位方式(absolute;但是要遵守一些规范);例如: 教室中的学生位置,绝对定位就像是大学的教室位置,人不在了,其他人就可以占用这个位置; 而相对位置就像小学生,请假了,虽然人不在,但是其他同学也不能占他的位置; 虽然学...

HTML&CSS

779 阅读
2018年04月12日
779 阅读
0 评论
2018-04-12

06、HTML&CSS-兼容

06、HTML&CSS-兼容
一、为什么会出现浏览器兼容问题?由于各大浏览器是不同厂家开发的,所用的核心架构和代码都很难重合。这就为各种莫名其妙的bug(代码错误)提供了温床。另外各大厂商出于自身利益考虑而设置的种种技术壁垒,让CSS应用起来比想象得要麻烦,浏览器的兼容是我们必须要去克服的。二、浏览器核心浏览器最关键的部分就是它的渲染引擎,也即是浏览器的”内核” 三、主流浏览器市场份额四、五大浏览器内核Trident (MSHTML)Gecko (壁虎)Presto (迅速的)Webkit (Safari内核,chrome内核原型,它是苹果公司自己的内核,也是苹果safari浏览器使用的内核)Blink (由Google和Opera Software开发的浏览器排版引擎)五、五大浏览器内核作品Trident: IE、Maxthon(遨游)、腾讯 、Theworld世界之窗、360浏览器,代表作品IE,因为IE捆绑在Windows中,所以占有极高的市场份额,又称IE内核或是MSHTML,此内核只能应用于windows平台,且是不开源的;Gecko:代表作品Mozilla Firefox 是开源...

HTML&CSS

615 阅读
2018年04月12日
615 阅读
0 评论