cyseria的专栏

用5个DIV实现水平垂直均居中显示一个宽50px,高200px的正十字架，用两种方法实现 大概试了下，然后也百度了一下，发现是某年腾讯的面试题，原题是显示宽50px，高150px的十字架，分别用2个，3个，5个DIV构造。今天练习了5个的，慢慢的调试关于margin负值有了点新的理解了解的一点小知识：当static元素的margin-top/margin-left被赋予负值时，元素将被拉进指定的方

Preferences.sublime-settings文件：// While you can edit this file, it’s best to put your changes in// “User/Preferences.sublime-settings”, which overrides the settings in here.//// Settings may

首先说下HTML5里新增的draggable元素

ImagesSnapshots 11111 22222 33333 44444 Choose an imagefunction showPic(whichpic){ var source=whichpic.getAttribute("href"); var placeholder=document.getElementById

块元素（block element）address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易，也是css layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h3 - 3级标题h4 - 4级标题h5 - 5级标题h6 - 6级标题hr - 水平分隔线

左中右三列排版，左150px。右200px，中间自适应。1.margin负值法，也说是现在最常用的一种*{padding:0;margin:0;}#center,#left,#right{ float:left; width:100%; height: 500px; background-color:#71c9b0;}#body{ margin: 0 200px 0 500px;}#left{ m

囫囵吞枣，的确是学不到什么的。在实战中积累经验，在经验中增长知识。引以为戒。1.CSS 指的是？您的回答：Colorful Style Sheets正确答案：Cascading Style Sheets2.在以下的 HTML 中，哪个是正确引用外部样式表的方法？您的回答：正确答案：3.在 HTML 文档中，引用外部样式表的正确位置是？您的回答： 部分正确答案： 部分4.哪个 HTML 标签用于定义

瞎折腾，如浑水般在脑海中混乱。加油，一个月，BELIEVE YOURSELF。选择了，就尽力去做。您的回答：1.HTML 指的是？您的回答：超文本标记语言（Hyper Text Markup Language）2.Web 标准的制定者是？您的回答：万维网联盟（W3C）3.在下列的 HTML 中，哪个是最大的标题？您的回答：4.在下列的 HTML 中，哪个可以插入折行？您的回答：5.在下列的 HTM

继935通宵。记一下今晚水的些东西吧Q：IE6支持：hover吗？A：IE6是支持这个伪类的，不过只局限于标签而已，因为:hover本来就是用于a标签的。Q：那：focus呢A：不支持。（ focus在IE8后才支持的。建议：看看伪类的出现顺序，这样能了解更多）Q:伪类有哪些?A:hover active visited focus link first-child, langQ:那a标签的伪类先

用几种方式实现按钮的效果无标题文档button,a,input[type='button']{outline:none;border:none;}//不加外面会有一条线input.text1 { padding: 5px 35px; cursor:pointer; color:#fefee9; border:1px solid #da7c0c; border

"cursor:*"hand:手型 pointer:也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。 crosshair:十字型 help:问号 wait:等待的那种效果 default:默认效果 e-resize:向右的箭头 ne-resize:向右上的箭头 n-resize:向上的箭头 nw-resize:向左上的箭头 w-resize:向左的箭头 sw-resize:左下的箭头 s

Ⅰ.绝对定位居中#center{ position:absolute; margin: auto; width:200px; height:200px; top: 0;bottom: 0;left: 0;right: 0; background-color: #0e3245;}刚在别人的博客里看到这种方法时真的觉得很奇葩，以下是大神的解释：解释：1、在普通内容流中，margin:auto的效果等同

先声明两个词语：Progressive Enhancement：渐进增强Graceful Degradation：优雅降级再举个栗子：div{ transition: width 2s; -o-transition: width 2s; /* Opera */ -moz-transition: width 2s; /* Firefox 4 */