Html - 随笔分类 - 源人

关于float，造成前后元素影响

摘要：例子1： 1-- 浮动元素在后面 1> 前面是块级元素则浮动元素会另起一行一直向浮动方向偏移，直到遇到包裹元素内外边界受害者破坏者受害者破坏者 2> 前面是行内元素则浮动元素会偏移到行内元素前面，造成一种行内元素包裹浮动元素的效果受害者破坏者受害者破坏者 2-- 浮动元素在前面阅读全文

posted @ 2016-07-07 10:51 源人阅读(983) 评论(0) 推荐(0)

关于浮动-float的理解

摘要：浮动float 多次练习测试，主动元素会对后面的元素造成一定的影响(2016-6-10) 1. 使得行内元素沿着主动元素的方向靠近， 2.是的块级元素，横穿主动元素，但内的内容不会穿越，造成包裹主动元素的现象！阅读全文

posted @ 2016-06-10 11:32 源人

关于css 清除浮动和闭合浮动

摘要：1、清除浮动：清除浮动就是清除上一元素，浮动对自己和下面元素的影响； 2、闭合浮动：与(清除浮动)比闭合浮动，仍然对其后面的元素造成影响，其闭合效果就是指本事的物理位置还是真实存在；会对后面元素造成阻碍影响！相关html代码如下：相关CSS代码如下：当我把p.p1处的clear:both; 注阅读全文

posted @ 2016-06-07 14:17 源人阅读(173) 评论(0) 推荐(0)

关于table实现单边框表格的用法

摘要：表格一去除表格td间距实现table单边线，效果图如下：代码如下：上面高亮部分代码加入即可实现单边框效果！表格二功能实现代码如下：原本以为talbe 无可替代，菜鸟无意发现css 盒子模型的强大 display:table; 阅读全文

posted @ 2016-05-10 10:41 源人阅读(1042) 评论(0) 推荐(0)

<area> 标签

摘要：定义和用法标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。area 元素总是嵌套在标签中。注释：标签中的 usemap 属性与map元素 name 属性相关联，创建图像与映射之间的联系。注意：usemap="#planetmap"将img和map进行绑定,shape、r... 阅读全文

posted @ 2015-09-30 11:49 源人阅读(181) 评论(0) 推荐(0)

利用HTML5云存储实现模拟对比投票效果

摘要：<!DOCTYPE HTML> <html> <head> <title>模拟对比投票效果</title> <meta name="description" content="HTML5Web存储" /> </head> <body> <span>能(<a href="javascript:;" i 阅读全文

posted @ 2015-09-23 16:38 源人阅读(360) 评论(0) 推荐(0)

IE下背景图片不显示问题

摘要：转自：http://www.jb51.net/css/119341.html在chrome，FF里调试完后，忽然想起ie来，放到Ie里其它还好了，但是有个背景图片显示不出来，具体的写法如下，有类似情况的朋友可以参考下很久木有写点什么了，最后干的活比较杂。除了公司里的事情之外，还写了点别的东西。刚写... 阅读全文

posted @ 2015-09-18 23:57 源人阅读(668) 评论(0) 推荐(0)

IE6 IE8下背景图片不显示问题

摘要：更改background:url()no-repeat; 去掉no-repeat即可解决问题！阅读全文

posted @ 2015-09-04 13:43 源人阅读(162) 评论(0) 推荐(0)

关于透明层----背景透明字不透明的效果

摘要：2015-8-12:filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;2015-6-29background:rgba(0, 0, 0, 0.3)!important;filter:Alpha(opacity=60); 阅读全文

posted @ 2015-08-24 17:06 源人阅读(151) 评论(0) 推荐(0)

关于IE6浮动问题！

摘要：以下内容均为个人笔记：望批评指教！IE6下应尽量少使用float 而是换用display:inline 父层使用text-align:text；效果会好些；如果一组浮动元素产生了浮动最好在外层加个非浮动层效果会好些： 1 1 1 1 22222以上例子li存在f... 阅读全文

posted @ 2015-08-07 11:42 源人阅读(412) 评论(4) 推荐(1)

网页在地址栏和收藏夹中图标显示效果

摘要：阅读全文

posted @ 2015-08-03 13:41 源人阅读(243) 评论(0) 推荐(0)

HTML常用标签

摘要：原文：http://www.cnblogs.com/WXY95/p/4529284.html 创建一个HTML文档设置文档标题和其它在网页中不显示的信息设置文档的标题最大的标题预先格式化文本下划线黑体字斜体字打字机风格的字体引用,... 阅读全文

posted @ 2015-05-26 17:02 源人阅读(256) 评论(0) 推荐(0)

@media screen页面自适应尺寸！！

摘要：@media screen and (max-width:360px){body,input,select{font-size:38%}}@media screen and (min-width:360px){body,input,select{font-size:15.75px}}@media s... 阅读全文

posted @ 2015-05-25 09:43 源人阅读(1963) 评论(0) 推荐(0)

PNG24在ie6下的完美解决方法!(DD_belatedPNG)

摘要：原网址：http://www.zjgsq.com/1629.html之前写过一篇《js+css滤镜设置解决PNG24在IE6下显示问题》解决方法不是很完美，使用起来也比较麻烦。DD_belatedPNG支持 backgrond-position 与 background-repeat，这是其他 js... 阅读全文

posted @ 2015-04-29 10:27 源人阅读(184) 评论(0) 推荐(0)

div+css总结—FF下div不设置高度背景颜色或外边框不能正常显示的解决方法（借鉴）

摘要：原地址：http://blog.sina.com.cn/s/blog_60b35e830100qwr2.html在使用div+css进行网页布局时，如果外部div有背景颜色或者边框，而不设置其高度，在IE浏览器下显示正常。但是使用Firefox/opera浏览时却出现最外层Div的背景颜色和边框不起... 阅读全文

posted @ 2015-03-22 11:16 源人阅读(281) 评论(0) 推荐(0)

网页宽度自动适应手机屏幕宽度的方法(借鉴)

摘要：在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。其中：width=device-width ：表示宽度是设备屏幕的宽度initial-scale=1.0：表示初始的缩放比例minimum-scale=0.5：表示最小的缩放比例maximum-scale=2.0：表示最大的缩放比例u... 阅读全文

posted @ 2015-03-06 13:38 源人阅读(354) 评论(0) 推荐(0)

随笔分类 - Html