位置: 编程技术 - 正文

网页制作中十个最好的CSS hacks(网页制作范例)

编辑:rootadmin
If you are front end coder you must know how important is to make cross browses, valid CSS and xHTML code. And also you must know how much time we are spending in all those hacks and fixes for various browsers. I've written about some of them earlier on PNG transparency issues, Yellow fields in web form, Vertical align div etc.. Here is the list of hand picked CSS hacks and tricks which can help you in your CSS code and also save some time. 1. Vertical align div (垂直居中) 2. Min-Height (最小高度) selector { min-height:px; height:auto; !important height:px; } 3. PNG transparency (透明png) 4. Autoclear (自动清除) .container:after { content: “.”; display: block; height: 0; clear: both; visibility: hidden; } .container {display: inline-table;} /* Hides from IE-mac */ * html .container {height: 1%;} .container {display: block;} /* End hide from IE-mac */ 5. Reset CSS (CSS重设) body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,p,blockquote,th,td { margin:0; padding:0; } table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; } ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:%;} q:before,q:after {content:”;} 6. Scrolling Render IE (IE滚动条渲染) html { background : url(null) fixed no-repeat; } 7. Opacity (透明度) #transdiv { filter:alpha(opacity=); -moz-opacity:.; opacity:.; } 8. PRE Tag (标签预格式) pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } 9. Li Background Repeat IE (LI标签背景重复) <!?[if lt IE 7]> <style> #leftnav li { zoom: 1;} /* haslayout=true */ </style> <![endif]?> . Good to know (最好知道的) @charset “UTF-8″; /* ———————————————————————- WinIE7 ———————————————————————- */ *:first-child+html selector{property:value;} /* ———————————————————————- WinIE6 & Mac IE ———————————————————————- */ * html selector{property:value;} /* ———————————————————————- WinIE6 ———————————————————————- */ /**/ * html selector{property:value;} /**/ /* ———————————————————————- MacIE ———————————————————————- */ /**//*/ selector{property:value;} /**/

推荐整理分享网页制作中十个最好的CSS hacks(网页制作范例),希望有所帮助,仅作参考,欢迎阅读内容。

网页制作中十个最好的CSS hacks(网页制作范例)

文章相关热门搜索词:网页制作十个页面,网页制作中十个问题,网页制作中十个问题,网页制作中十个工具,网页制作中十个问题,网页制作的,网页制作十个页面,网页制作中十个问题,内容如对您有帮助,希望把文章链接给更多的朋友!

CSS技巧DIV为空时占据空间的解决办法 此时在IE中到底是什么在影响着最终的显示,又是如何解析的呢?可能的影响因素:字体大小(font-size),字体行高(line-height),高度(height),溢出

关于&lt; tbody &gt;的一个实例,很实用。 看到很多网友对tbody属性的讨论,我特意做了个实例,希望能对大家有所帮助。积木网tbody选项卡效果演示当前位置:展馆分布A展馆1楼展厅A展馆1楼展

网页布局设计的标准尺寸 1、*下,网页宽度保持在以内,就不会出现水平滚动条,高度则视版面和内容决定。2、*下,网页宽度保持在以内,如果满框显示的话,高

标签: 网页制作范例

本文链接地址:https://www.jiuchutong.com/biancheng/377007.html 转载请保留说明!

上一篇:更有效率的css代码编写第1/3页(好用的css)

下一篇:CSS技巧DIV为空时占据空间的解决办法(div的class有空格)

  • 教培行业提成一般多少
  • 个税分类所得税率
  • 企业税负怎么算
  • 差旅费跨年报销说明
  • 个人工作室需要注册资金吗
  • 库存现金盘盈盘亏的账务处理
  • 个人借款利息是多少才合法
  • 银行卡季度结息
  • 购买的商品赠送如何做账
  • 营改增典型案例
  • 企业购买银行理财产品如何进行账务处理
  • 正在注销的公司微信收的款怎么追回
  • 房产税计税依据房产原值怎么算
  • 福利费的进项税额转出
  • 财务报表中应收账款包括什么
  • 未抵扣完的进项税计入待抵扣
  • 公司租赁办公场地用缴纳房产税吗
  • 金税盘抄税报税清卡流程图
  • 工会经费的优惠政策2020
  • 企业收入不进公账怎样做账?
  • 蓝屏代码0xc000000f
  • 免抵退不得免征和抵扣是什么意思
  • 装win7ahci
  • ajax调用php函数
  • 反射动态创建对象
  • ae应用程序无法启动
  • 异地使用支票的提示付款期限
  • 计提税金及附加的金额如何算
  • 讲解如何使用
  • 所有者权益会计要素包括
  • 持有可转换债券的会计分录
  • 销售使用过的固定资产3%减按2%
  • 公司注销时做哪些财务处理
  • php中类静态成员描述不正确的是
  • 企业免租申请
  • pytorch怎么入门
  • javascript手机上
  • css常见的选择器有哪几种
  • 员工加班餐费该怎么算
  • 销售返利的会计分录处理
  • 公司没有人需要申报个税吗
  • 财务报表季报利润表本月金额怎么填
  • 职工薪资包括
  • js中的对象种类有哪些
  • About BitRock
  • 不能从销项税额中抵扣的进项税额为A购进货物运费准予
  • 企业应纳税额中包括进项税额
  • 合同取得成本的账务处理
  • mysql分页优化原理
  • 外购商品发放给员工 进项税额能不能抵扣
  • 农业发展公司有没有库存商品的
  • 其他应付款里借方有余额代表什么
  • 研发支出费用化和资本化的界定
  • 以前年度损益调整会计分录
  • 购买农产品进行销售要交税吗
  • 有借必有贷借贷必相等的记账规则适用于
  • 公对公转账必须签合同吗
  • 物业水电费计算
  • 应收账款坏账准备的会计分录
  • sql判断字段是否包含数字和字母
  • mysql5.7.
  • mac中怎么给表情添加文字
  • xp系统怎么修改盘符
  • centos7安装中文包
  • win10清理系统盘垃圾
  • excel表格布局
  • jquery实战
  • firefox margin-top失效的原因与解决办法
  • python基础总结
  • [置顶]津鱼.我爱你
  • javascript html5 canvas实现可拖动省份的中国地图
  • html如何用css
  • 一个治疗Unity的Prefab强迫症患者的小招(Prefab变成红色的问题)
  • python 系统日期
  • 月收入28000的个税
  • 电子税务局怎么添加银行账户信息
  • 山东省国税局领导分工
  • 上海税务培训中心
  • 新车交了购置税后给什么凭证
  • 开红酒增值税票怎么开
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设