CSS
文章平均质量分 83
辛加涛
这个作者很懒,什么都没留下…
展开
-
CSS 边框设置
style="height:550px;border: 1px;" 细线style="height:110px;border: none;" 无边框原创 2015-04-17 10:06:23 · 82 阅读 · 0 评论 -
css sprite原理优缺点及使用
CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需 顾忌这个问题。 加速的关键,不是降低重量,而是减少个数。传统切图讲究精细,图片...原创 2017-08-18 16:40:33 · 98 阅读 · 0 评论 -
css中子元素浮动,无法自动撑开父元素的解决办法
<div> <div style="float:left;">left</div> <div style="float:right;">right</div></div>如上代码所示,父div的高度并不会随着两个子div的增高而增高。解决办法:给父div加一个原创 2017-01-17 19:46:51 · 442 阅读 · 0 评论 -
textarea如何实现高度自适应?
今天需要些一个回复评论的页面,设计师给的初始界面就是一个只有一行的框。然后当时就想这个交互该怎么实现比较好,然后想起了新浪微博的做法:点击评论,默认显示一行,当输入的文字超过一行或者输入Enter时,输入框的高度会随着改变,直到输入完毕。顿时觉得这个细节做得挺不错的,可以效仿下。下面分享2种实现textarea高度自适应的做法,一种是用div来模拟textarea来实现的,用CSS控制样式,不用...原创 2016-04-08 17:38:48 · 180 阅读 · 0 评论 -
CSS公共方法-去掉各类默认属性
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}body{font-size:12px;}img{border:none;}input,select,textarea{outline:none;}textarea{resize:...原创 2017-01-16 16:17:18 · 446 阅读 · 0 评论 -
css选择器中:first-child与:first-of-type的区别
css选择器中:first-child与:first-of-type的区别:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码:p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素;h1:first-child 匹配不到任何元素,因为在这里h1是div的第二个子元素,而不是第一个;...原创 2017-01-16 15:23:40 · 63 阅读 · 0 评论 -
css hack
CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是同一厂商的浏览器的不同版本,如IE6和IE7,对CSS的解析认识不完全一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想...原创 2017-01-14 11:30:07 · 81 阅读 · 0 评论 -
CSS 技巧01
只显示上边框 <table frame=above> 只显示下边框 <table frame=below> 只显示左、右边框 <table frame=vsides> 只显示上、下边框 <table frame=hsides> 只显示左边框 <table...原创 2014-12-16 17:30:04 · 65 阅读 · 0 评论 -
display:inline、block、inline-block的区别
display:inline、block、inline-block的区别display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul...原创 2016-12-29 15:41:34 · 62 阅读 · 0 评论 -
CSS样式练习-01
<%@ page contentType="text/html; charset=UTF-8"%><% String contextPath = request.getContextPath();%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://ww...原创 2015-07-28 14:18:22 · 124 阅读 · 0 评论 -
Bootstrap 轮播(Carousel)插件
Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是足够灵活的,可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。如果您想要单独引用该插件的功能,那么您需要引用 carousel.js。或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.m...原创 2015-07-10 14:17:43 · 1862 阅读 · 0 评论 -
转载:JQuery弹出层,点击按钮后弹出遮罩层,有关闭按钮
转载:http://www.cnblogs.com/yichengbo/archive/2012/03/12/2392630.html<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title>jQuery弹出层效果</title>...原创 2015-06-29 10:56:31 · 80 阅读 · 0 评论 -
浏览器选项卡 上 图标设置
<link rel="shortcut icon" type="image/x-icon" href="<%=request.getContextPath()%>/favicon.ico"><link rel="Bookmark" type="image/x-icon" href="<%=reques原创 2015-06-09 14:13:02 · 171 阅读 · 0 评论 -
Twitter Bootstrap(Web前端CSS框架)
中文学习网:http://www.bootcss.com/http://v3.bootcss.com/css/原创 2015-05-05 15:59:57 · 355 阅读 · 0 评论 -
转载:frameset 空白,iframe 空白边的解决方法
转载:http://blog.csdn.net/yukon12345/article/details/6831103 由于某度众所周知的举动,让我搬离写了5年的渣度空间,准备把技术性的文章定在CSDN了。这些都是文章备份。勿怪。。鉴于最近有些抓取机器和抄袭者,把标题的【原】字都复制,我不得不声明:本文为 yukon12345原创,转载请注明出处http://blog.csdn.ne...原创 2015-04-29 10:29:53 · 286 阅读 · 0 评论 -
css 设置Table 居中
<style type="text/css"> table{ margin: auto; //设置Table 居中 } td { height: 30px; } input { padding: 3px 0 3px 0; } .easyui-combobox { ...原创 2015-04-20 18:17:17 · 267 阅读 · 0 评论 -
CSS3中-moz、-ms、-webkit和-o分别代表什么意思
CSS3中-moz、-ms、-webkit和-o分别代表什么意思 1、-moz-:代表FireFox浏览器私有属性2、-ms-:代表IE浏览器私有属性3、-webkit-:代表safari、chrome浏览器私有属性4、-o-:代表opera浏览器私有属性 作用:为了兼容老版本的写法。例如:比较新版本的浏览器都支持直接写:border-radius。老版本:-webkit-...原创 2017-09-06 10:28:56 · 244 阅读 · 0 评论