位置: 编程技术 - 正文

网页制作中十个最好的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有空格)

  • 生产企业免抵退税申报步骤
  • 申报表货物及劳务是什么
  • 所得税是什么意思
  • 企业对外付汇怎么入账
  • 员工全额承担社保账务怎么做?
  • 一般购销业务的账务处理
  • 缴纳地方教育附加费现金流量选什么
  • 没有抵扣的发票怎么入账
  • 质量问题产生的影响
  • 调财务报表怎样调整
  • 支付房屋租金计入什么会计科目
  • 不属于抵扣范围的是什么
  • 小规模纳税人开专票税率是1%还是3%
  • 增值税抵扣凭证包括农产品收购发票
  • 资产减值损失属于什么科目借方增加还是减少
  • 总分类账户和明细分类账户平行登记的内容可以概括为
  • 增值税的计征方法有哪些
  • 收到的劳务费发票进什么科目
  • 暂估收入的凭证怎么做
  • 开具红字专用发票要求
  • 用于采购的借款账户
  • 自建自用建筑物,其自建行为不是建筑业税目的征税范围
  • 应收股利属于其他业务吗
  • 纳税人享受增值服务
  • 产品质量监督检验
  • 为什么win7系统添加语言包
  • 利润分配未分配利润期末有余额吗
  • 租赁合同法律风险
  • win10蓝屏错误怎么办
  • 临时工工资的会计处理
  • element ui+vue
  • php实现图片上传
  • 堡垒山是哪个国家
  • 浏览器并发请求队列数量怎么设置
  • 公允模式投资性房地产出售
  • 财务负责人和法人哪个责任大
  • 关于存货跌价准备
  • 未开票收入是否含税
  • 开票系统软件升级
  • 瀑布流样式
  • mongodb官方文档中文
  • mongodb数据查询
  • 企业向个人提供分期的商业活动属于
  • 住房租金专项附加扣除
  • 个人所得税专项扣除2023最新政策
  • mysql查询语句慢怎么优化
  • 投资款要不要交企业所得税?
  • 超市的小票能入账吗
  • 失业稳岗补贴怎么领
  • 没有海关完税凭证怎么入账
  • 企业购买二手车计提折旧年限
  • 将现金存入银行编制什么凭证
  • 计提工资的核算流程
  • 投标费用如何入账科目
  • 不能抵扣的进项税额转出会计分录
  • 轿车折旧年限为几年
  • 车船使用税会计分录怎么写
  • 用SQL脚本读取Excel中的sheet数量及名称的方法代码
  • 微软9月补丁
  • xp系统无法登录系统
  • 打开win七
  • ubuntu可以不关机吗
  • macbook怎么修复磁盘
  • linux常用的几种压缩工具
  • 微信开发者软件
  • mousemenu是什么文件夹
  • nerosmartstart.exe - nerosmartstart是什么进程 作用是什么
  • powershow是什么意思
  • win8.1操作界面
  • win7磁盘管理怎么显示隐藏分区
  • 电脑cf截图保存在哪里
  • win10系统异常自动重启
  • jquery删除dom
  • unity ui
  • unity保存项目
  • javascript post语法
  • 税务局赵昭
  • 单位税额怎么算出来的
  • 烟叶收购价款
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设