CSS/HTML - 文章分类 - 三高娘子

html让两个div并排显示的方法

摘要：下面写个demo，仅供参考。阅读全文

posted @ 2017-04-05 17:31 三高娘子阅读(3695) 评论(0) 推荐(0)

css控制背景图片随div的大小而缩放

摘要：在网页布局中，常会遇到一张图片铺满整个屏幕。在不同的分辨率下仍然整处于满屏的状态。方法一：方法二： http://www.cnblogs.com/chaozhang/p/4701297.html 方法三：阅读全文

posted @ 2017-03-24 12:35 三高娘子阅读(9098) 评论(0) 推荐(0)

vertical-align 属性的应用

摘要：1.vertical-align 属性只应用于 “行内元素” 和 “替换元素” 。vertical-align不影响“块级元素”中内容对齐阅读全文

posted @ 2017-03-18 15:48 三高娘子阅读(94) 评论(0) 推荐(0)

段落怎么进行“首行缩进” +text-indent的用法

摘要：(1)第一种：对于行内元素而言如果该段落的第一行是 “行内元素” ，可以用左内边距和外边距来创造这种效果。 (2)第二种：对于块级元素而言通过使用 text-indent属性，注意：text-indent可以为所有块级元素应用，但是无法将这个属性应用到行内元素中，图像之类的替换元素上也无阅读全文

posted @ 2017-03-17 15:51 三高娘子阅读(1705) 评论(0) 推荐(0)

css 如何清除a标签的默认间距？

摘要：1.即使我们使用了类似 *{margin: 0;padding: 0;} 这样的代码重置了浏览器默认样式,也会发现类似<a>标签这种inline-block元素，它们之间也还存在着间距。 demo：默认情况 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 阅读全文

posted @ 2017-02-21 16:37 三高娘子阅读(340) 评论(0) 推荐(0)

给input的placeholder设置颜色

摘要：方法如下：阅读全文

posted @ 2017-01-14 14:05 三高娘子阅读(110) 评论(0) 推荐(0)

CSS的垂直居中，关于任意元素都能垂直居中。

摘要：在body中，初始化定义一下，就可以让任意元素垂直居中，代码如上（这个有一定的兼容问题！不过现代浏览器是没有问题的！）阅读全文

posted @ 2016-12-15 10:01 三高娘子阅读(125) 评论(0) 推荐(0)

给li设置样式display:inline-block 后，ul 下的 li 元素之间有间距，怎么清除间距？

摘要：如图所示解决办法：在ul标签中设置font-size=0,在li中设置标签文字的大小；因为空格也属于字符，把字符大小设为0，就没有空格了。（给父级元素设置 font-size:0 在给li单独设置字体大小）阅读全文

posted @ 2016-12-12 13:53 三高娘子阅读(790) 评论(0) 推荐(0)

CSS 中form表单前面字体怎么两端对齐

摘要：做form表单的时候，常有姓名，年龄，公司名称等等，有的是2个字，有的3个字，有的是4个字，如何让字对齐呢？有的人的做法是打几个空格，但是这样不是很准确，最好的办法是如下：阅读全文

posted @ 2016-11-15 10:48 三高娘子阅读(2220) 评论(1) 推荐(0)

onselectstart="return false" : 禁止选取

摘要：禁止鼠标右键：oncontextmenu="return false"；禁止选择：onselectstart="return false"；禁止拖放：ondragstart="return false"；禁止拷贝：oncopy=document.selection.empty() 。禁止复制阅读全文

posted @ 2016-11-14 11:56 三高娘子阅读(825) 评论(0) 推荐(0)

html 标签中的 unselectable = on 属性的作用

摘要：在IE浏览器中，当input获得焦点时，点击有unselectable="on"属性的标签时，不会触发onblur事件。 1.body内代码： 2.js代码 IE浏览器显示效果图阅读全文

posted @ 2016-11-14 11:40 三高娘子阅读(1123) 评论(0) 推荐(0)

CSS控制图片和文字在同一行显示且对齐的方法

摘要：当文字和图片出现在同一行或者在同一个div里面的时候，在浏览器中运行出来的显示效果往往是在不同的行（不对齐的）。那么问题来了，怎么让文字和图片显示在同一行上？方法有3种：（1）通过添加css样式给图片设置样式 style="vertical-align:middle"；（2）如果图片是背景图阅读全文

posted @ 2016-11-11 16:06 三高娘子阅读(290) 评论(0) 推荐(0)

哪些标签需要设置margin：0px; border:0px;

摘要：body, h1, h2, h3, h4, h5, h6, form, fieldset, div, dl, dt, dd, ul, ol, li, input, button, textarea, p, th, td, a, img, strong { margin: 0px; padding: 0px; } 阅读全文

posted @ 2016-11-11 14:35 三高娘子阅读(202) 评论(0) 推荐(0)

图片点击 a标签的使用

摘要：a标签位置需要添加一张图片，将“搜索”字体给隐藏掉，在对应的样式内添加 text-indent: -999em; 即可隐藏a标签内的文字。搜索阅读全文

posted @ 2016-10-25 14:16 三高娘子阅读(802) 评论(0) 推荐(0)

table 单元格合并

摘要：代码如下：运行结果图：阅读全文

posted @ 2016-10-25 13:16 三高娘子阅读(153) 评论(0) 推荐(0)

去掉 table表格横向内部边框线

摘要：1.HTML代码 2.CSS样式 3.运行结果图阅读全文

posted @ 2016-10-25 13:14 三高娘子阅读(6661) 评论(0) 推荐(0)

HTML <input> autocomplete 属性

摘要：autocomplete属性实现效果如下图： autocomplete 属性规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。语法：<input autocomplete="on|off"> 阅读全文

posted @ 2016-10-19 16:58 三高娘子阅读(296) 评论(0) 推荐(1)

HTML <input> size 和 maxlength 属性

摘要：今天看到有些网站用到 input 标签的size 和 maxlength 属性，没有用过这个属性，在菜鸟教程上搜索啦下，没看明白 size 这个属性。继续搜索。。。搜索结果如下（做下笔录）： maxlength="6", 表示input输入框最多输入 6个字符(中文也算一个字符)，超过之后将不能再阅读全文

posted @ 2016-10-19 15:50 三高娘子阅读(703) 评论(0) 推荐(0)

css input输入框点击时去掉外框 outline:medium;(chrome)

摘要：在chrom浏览器下面，点击input输入时，会有边框，在样式中使用：outline:medium; 就不会有了。阅读全文

posted @ 2016-10-18 16:45 三高娘子阅读(242) 评论(0) 推荐(0)

CSS3 transition 属性

摘要：语法： transition 属性是一个简写属性，用于设置四个过渡属性： transition-property transition-duration transition-timing-function transition-delay 注释：请始终设置 transition-duration 阅读全文

posted @ 2016-10-14 13:58 三高娘子阅读(116) 评论(0) 推荐(0)

三高娘子

文章分类 - CSS/HTML

公告