div { border:2px solid; border-radius:25px; }
来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com] 一、现象描述 真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例子：间距就来了~~ 我们使用CSS更改非inline-block水平元素为inline-block水平，也会有该问题：.space a {display: inline-block;padding: .5em 1em;background-color: #cad5eb; } 惆怅淡定热血您可以狠狠地点击这里：inline-block元素间间距demo 这种表现是符合规范...
效果：
元素绝对定位以后设置了高宽，a标签不能点击的原因： 1、元素内并无内容 2、背景是透明的，无任何背景图或者颜色 解决方法： 1、如果不是绝对定位元素的，可以用相对定位 2、给元素加透明的背景图 3、IE可以只用 background:url(about:blank) 解决 第三种方法平时用用是可以的，但是在某种情况下会有bug, 比如JS拖动层时候，拖动的事件在一个透明层上面，你有设置了其他鼠标光标，这时候拖动就会出现光标闪烁的现象！ 总结：用第二...
标签将表单内容的一部分打包，生成一组相关表单的字段。 当一组表单元素放到 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。标签没有必需的或唯一的属性。标签为 fieldset 元素定义标题。 HTML 4.01 与 HTML 5 之间的差异 HTML5 拥有如下属性：disabled、form、name，HTML 4.01 中不支持这些属性。属性属性值描述disabled disabled 规定应该禁用 fieldset。f...
1.首先我们要知道什么是块级元素和行级（内联）元素?块级（block）元素的特点： ①总是在新行上开始； ②高度，行高以及外边距和内边距都可控制； ③宽度缺省是它的容器的100%，除非设定一个宽度； ④它可以容纳内联元素和其他块元素。内联（inline）元素的特点：①和其他元素都在一行上；②高，行高及外边距和内边距不可改变；③宽度就是它的文字或图片的宽度，不可改变；④内联元素只能容纳文本或者其他内联元素。2.好的，我们来...
在进入主题前，先插个网站https://www.processon.com/ ProcessOn是一个在线协作绘图平台,为用户提供最强大、易用的作图工具! 它可以很方便的在线简单绘制一些东西，让自己去具体理解。 正则表达式 今日的正则只是学习正则的简单使用。在HTML5的标签属性的强大面前，我们 已经可以不用去先学习javascript才能再去正则了，因为HTML5的input标签的 pattern可以实现标签的验证，近似取代复杂的javascript使用正则验证表单，在 未来一定...
1. 说明 kbd ：即Keyboard Input Element(键盘输入元素)。表示键盘按键的语义元素，常用于网页上对快捷键、按键说明的场景。 样式规格：内联样式。 为了在页面上突出显示，可以给kbd元素添加样式：kbd {-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;border-style: outset;border: 1px solid #aaa;background: #fafafa;padding: 0px 3px 1px 3px;margi...
给select元素增加：padding-left：20px;但是未生效，如下图所示：在select上如何使设置padding生效？ 方法一： 设置属性appearance： 给select增加属性： appearance: none; -webkit-appearance: none; 效果如下：方法二：给select设置样式：text-indent: 20px; 效果如下：
html5新元素html5语义元素定义了文档或者文档的一部分区域的页眉定义了导航链接的部分定义了文档的某个区域，比如章节、头部、底部或者文档的其他区域定义了页面独立的内容区域，内容本身必须是有意义的且必须是独立于文档的其余部分定义了页面的侧边栏内容定义了文档或者文档的一部分区域的页脚 通常包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等定义了文档的主要内容 在一个文档中，不能出现一个以上的元...
我是一个初识html基础的菜鸟，让我感受博客园的大爱吧！ 下面这个问题是建立在我对html现阶段理解的程度上遇到的一个 元素溢出问题，希望能得到老鸟的指点。 问题如下：希望有对该问题的多种不同解决方案，和网页布局建议(希望有干货)。 问题2：新手上路，很多企业级前端问题充斥大脑，全是问号，经验是在工作中积累和沉淀出来的，在我步入前端的行列上希望有高手能推荐一些现在企业中比较常用的框架和学习方法。
发生场合：一个元素浮动，然后一个不浮动的元素自然上浮与之靠近会出现的3px的间距。 以下为个人所做测试： test01:不浮动元素为块级元素 box01box02 .box01{float: left; background: #f1c100;}.box02{background: red;} ie6效果：没有出现3px间距 test02:不浮动的元素修改为行内元素 box01box02 .box01{float: left; background: #f1c100;}.box02{background: red;} ie6效果：出现3p...
padding内(不包含padding)的部分才是可输入部分，也是width和height标明的区域。padding的部分加上width和height部分是background的部分。padding的外部是border的部分，border的外部是margin的部分。 padding的宽度是不再width和height中的。 2013-10-31 16:29:22
顶级元素： 说明：顶级元素表现如块，属于高级块元素。 例如：html,body,frameset 块元素： 特点：独占一行，宽(100%)、高、行高、padding、margin可控div 常用于布局p 段落h1~h6 标题ol{li} 有序列表ul{li} 无序列表dl{dt,dd} 自定义列表table{tr,th,td,thead,tbody,tfoot,caption,col,colgroup} 表格form 表单pre 预文本格式address 地址blockquote 块引用fieldset{legend} 控件组hr 水平线menu{li} 菜单列表n...
上一张 下一张 以上HTML定义一个父类相对定位，子元素绝对定位。 在ie下，元素zoomimglayer2 被 元素zoomimglayer 覆盖了。而在子元素zoomimglayer2上设置background样式才管用。求前端高手指点一下啊！ 上一张 ...