定义和用法 box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。 默认值： content-box 继承性： no 版本： CSS3 JavaScript 语法： object.style.boxSizing="bord...
body { font-family: ; font-size:; } input, label, select, option, textarea, button, fieldset, legend { font-family: ; font-size:; }
最近写HTML遇到一个问题：我想设置span的宽度和高度，但是在IE9和chrome下总是不起效果。代码和效果图如下： span{ background-color:#43be60; width:100px; height:50px; margin-top:20px; margin-left:20px; } 1 10 100 1000 可以看到css设置的width和height并没有起效果，span的实际显示宽度和高度由其内容决定。为什么会这样呢？这涉及到HTML中块级元素(block)和行级元素(inline)的区别，...
我在一个网页源代码中看到如下一个链接代码： 点击查看联系方式 请问中的data-target和data-toggle属性是什么意思？ 我在网上找了老半天也没找到有这两种属性！ 回复讨论(解决方案) 赵亮（碧海情天）：这是自定义的属性。元素标签可以这样增加自定义属性，然后在JS中取该元素的这些属性进行利用。比如这里data-target=#contact_modal指明了要显示联系方式的DIV或其它显示元素的ID，显示的时候就会先取A链接的这个属...
animation Value: [ || || || || || || ] [, [ || || || || || || ] ]* animation-timing-function： 定义动画的速度曲线 ease：动画以低速开始，然后加快，在结束前变慢。 linear：匀速 ease-in：动画以低速开始 ease-out：动画以低速结束 ease-in-out：动画以低速开始和结束，相对于ease缓慢，速度更均匀 step-start：按keyframes设置逐帧显示，第一帧为keyframes设置的第一帧。 step-end：按keyfram...
昨天把Notebook整理了一下，去查了一下手册，原来之前比较忽略user-select这个属性，因为之前以为只有webkit才支持的。手册进行了补充： user-select 禁止用户选中文字 none：文本不能被选择 text：可以选择文本 all：当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素，那么被选择的部分将是以该子元素向上回溯的最高祖先元素。 element：可以选择文本，但选择范围受元素边界的约束（webkit暂未支持） ...
问题 在解析获得一个Document实例对象，并查找到一些元素之后，你希望取得在这些元素中的数据。 方法 要取得一个属性的值，可以使用Node.attr(String key) 方法 对于一个元素中的文本，可以使用Element.text()方法 对于要取得元素或属性中的HTML内容，可以使用Element.html(), 或 Node.outerHtml()方法 示例： String html = "An example link.";Document doc = Jsoup.parse(html);//解析HTML字符串返回一个Document实现...
最近要了解一些HTML中meta的一些东西，很多东西不清楚，在网上搜索，发现很多是错误的，自己干脆整理一下。 meta是用来在HTML文档中模拟HTTP协议的响应头报文。 meta 标签用于网页的与之间，meta 标签的用处很多。meta 的属性有两种：name和http- equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前主流搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是...
有哪些经常被误用的 HTML、JavaScript、CSS 的元素、方法和属性？以前想要把一个元素（input 之类的）设成只读的时候都是用 disabled，后来发现这是不对的。 因为在 HTML 里面，如果一个元素被设置成 disabled， 那么它的值就不会被发送到 server 端。 正确的做法应该是使用 readonly。 那么除了这个 disabled，在 Web 开发中还有哪些东西是经常被误用的？回复内容：仅说一下 CSS 方面的吧。float:left/right 或者 position: absol...
回复讨论(解决方案) 点击之后变成这样 这个是浏览器属性支持问题吗？ 在360 ie中可以 谷歌就成那样 style前面少了个空格 修改了，不是这个原因 2个style了 把代码发上来啊…… 一点点代码截图，让人看得心醉。。。 你这部分代码里面 style，写了两个。 2个style 谷歌代码规范比较严格一点。 另外360浏览器 内核也是IE或者谷歌的，建议楼主不用参考
如果 html文件在c盘qw文件夹里 而图片在c盘另一个文件夹内 怎么在html文件中引用这个图片啊？？？ 大姐大哥们求解 回复讨论(解决方案) ../文件夹名称/xxx.png 这跟src的用法没有关系，其实是图片路径的问题。 有几种方式： 1. 绝对路径的方式。前提是你的web服务器能够访问到图片的路径 2. 相对路径的方式。同样，需要保证服务器能够访问到图片 3.web方式。如http://www.test.com/aa.jpg 相对路径 有几种...
#outerBox{ width:128px; height:128px; border:10px black dashed; background:silver;} 上面代码在IE中的效果是 div这个盒子与浏览器边界有一定距离，但是如果html代码改为 #outerBox{ width:128px; height:128px; border:10px black dashed; background:silver;}body{margin:0px;} 此时的显示效果就是 div的边框几乎挨着浏览器边界了 想问下margin不是指的是盒子边框外的距离吗？而div不是在body盒子的内部码...
ele[attribute] 匹配具有属性attribute的ele元素。 ele[attribute = value] 匹配具有属性attribute且值为value的元素。 ele[attribute ~= value] 匹配具有属性attribute且其中一个值为value的元素。(多个值用空格隔开) ele[attribute |= value] 匹配具有属性attribute且其中一个值为value的元素或者以value开头紧接着是“-”连字符的ele元素。 ele[attribute ^= val] 匹配具有属性attribute且值以val开头的元素。 ele[attrib...
在css3中transform主要包括以下几种：rotate（旋转）、translate（移动）、scale（缩放）、skew（扭曲）以及matrix（矩阵变形）。 语法： transform ： none | <transform-function> [ <transform-function> ]* 也就是：transform: rotate | scale | skew | translate |matrix;none表示不进行变形，transform的这些属性可以叠加使用，叠加使用时用 空格隔开。 下面对每个属性一一介绍： rotate（旋转）： 通过指定的角度...
name和value区分（注重前后台的结合），个人笔记使用^_^ 前台 后台对于单选框来说，name是一样的，决定后台的键名，value的值决定了后台键值 复选框同理，但name应该是不同的