文章分类 - CSS+HTML
摘要:移动端浏览网页元素时,自动给input和textarea添加了内部阴影的效果,只需加入样式即可去除input,textarea{-webkit-appearance: none;}
阅读全文
摘要:offsetParent:是指元素最近的定位(relative,absolute)祖先元素,如果没有祖先元素是定位的话,会指向body元素作用:元素的偏移量(offsetLeft,offsetTop)就是以这个祖先元素为参考点的.1.在DOM结构中该元素的上面没有定位元素:<body><div> <div id="aa">aa</div></div></body>var aa = document.getElementBYId("aa").aa.offsetParent.tagNam
阅读全文
摘要:table-layout:fixed 属性的解说如果想要一个table固定大小,里面的文字强制换行(尤其是在一长串英文文本,并且中间无空格分隔的情况下),以达到使过长的文字不撑破表格的目的,一般是使用样式:table-layout:fixed。但是在Firefox下面,会有一些问题,参考Gmail的一些做法,做了几个测试,得出一种解决办法。 例1:(IE浏览器)普通的情况CODE:<table border=1 width=80><tr><td>abcdefghigklmnopqrstuvwxyz 1234567890</td></tr&g
阅读全文
摘要:1.加载文件<script type="text/javascript" src="Shadows.js"></script>编写html: <div style="font: bold 32pt sans-serif;"> <span shadow = '3px 3px blue 5px 5px red 7px 7px green'>Shadow</span> |No Shadow </div> -------------------------
阅读全文
摘要:1.text-aligntext-align 是一个基本的属性,它会影响一个元素中的文本行互相之间的对齐方式。提示:将块级元素或表元素居中,要通过在这些元素上适当地设置左、右外边距来实现。2.position:relative相对于原来的位置偏移。且原来位置保留。如果不设置relative属性,sub1的位置按照正常的文档流,它应该处于某个位置。但当设置sub1为的position为relative后,将根据top,right,bottom,left的值按照它理应所在的位置进行偏移,relative的“相对的”意思也正体现于此。position:absolute为两种情况: (1)当sub1的
阅读全文
摘要:1. function getByClass(classname){ var nodes = document.getElementsByTagName('*'), ret=[]; for(var i=0;i<nodes.length;i++){ if(hasClass(nodes[i],classname)) ret.push(nodes[i]); } return ret; } function hasClass(node,className){ var names = node.className.split(/\s+/); for(var i=0;i<nam
阅读全文
摘要:1,父级div定义 伪类:after 和 zoom<style type="text/css">.div1{background:#000080;border:1px solid red;}.div2{background:#800080;border:1px solid red;height:100px;margin-top:10px}.left{float:left;width:20%;height:200px;background:#DDD}.right{float:right;width:30%;height:80px;background:#DDD}/
阅读全文