英语省音现象及其原理探析_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
&&¥2.00
&&¥3.00
&&¥3.00
喜欢此文档的还喜欢
英语省音现象及其原理探析
英​语​省​音​现​象​及​其​原​理​探​析
阅读已结束，如果下载本文需要使用
想免费下载本文？
把文档贴到Blog、BBS或个人站等：
普通尺寸(450*500pix)
较大尺寸(630*500pix)
你可能喜欢
20080份文档使自己家人快乐英语作文_百度知道
使自己家人快乐英语作文
They are always on my side. HnMy r\n\r&#92,my parents. He works in a hospital of Sanya. It is awful. &#92There are four people in my family. I lovnMr\r&#92. She has good habits. \nI love each person in my family. &#92.But he hates studying and his grades are bad. She likes eating vegetables and drinking milk every day, but he likes reading newspaper andr\r&#92. But I don’nMy brother is shy and funny. She says it’s good for her to keep young and it r&#92. She wn&#92,my bother and I. He doesn’t like watching TV;n\n\r&#92. She likes watching Beijing Opera at free time. He always plays jokes on his fn\r&#92. I’m really happy. He is good at sports and does well in volleyball. &#92, and always makes us laugh. &#92.My fr\nMy families are always doing what is best for me
一家只有三人
其他类似问题
快乐英语的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁带你认识更牛的人下载即送20张免费照片冲印
扫码下载App
温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
前端技术：http://hszy00232./
前端设计：.cn/hsjs00232
职业：web前端工程师
现居地：北京
LOFTER精选
网易考拉推荐
4.IE6.0兼容支持透明背景/* 以前的兼容 */ .transparent_class {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* ie8 */
filter:alpha(opacity=50); /* ie5-7 */
-moz-opacity:0.5; /* old mozilla browser like netscape */
-khtml-opacity: 0.5; /* for really really old safari */
opacity: 0.5; /* css standard, currently it works in most modern browsers like firefox, */
}/* 现在的兼容 */.transparent_class {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* ie8 */
filter:alpha(opacity=50); /* ie5-7 */
opacity: 0.5; /* css standard, currently it works in most modern browsers */
}/* 兼容PNG24 */ * html .tit2 .ms{ zoom:1;&background:&filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://hszy00232./blog/images/jia.png",sizingMethod="scale"); } 5.浏览器兼容处理半透明效果 dd{width:215 height:20background:#000; filter:alpha(opacity=70); opacity:0.7; }
6.公共样式重置 body,form,img{padding:0margin:0border:0font-size:12font-family:"宋体",A}body{background:#0071B5;}dl,dd,dt,ul,ol,li,h1,h2,h3,h4,h5,h6{list-style-position:list-style-type:margin:0padding:0border:0}input[type=radio],input[type=checkbox] {cursor:}.clear{clear:font-size:0visibility:width:0line-height:0px}.jd,.jd dd,.jd dt,.jd li{overflow:white-space:}i,p{display: font-style: font-weight: text-decoration:margin:0;padding:0;}li,dt,dd{white-space:}td,p,li,input,select,div,span {font-size:12page-break-after:}table,td,img,div,span,form,input{border:margin: 0 0 0 0;padding: 0 0 0 0;}div{margin:0}.clearfix:after { content: "."; display: height: 0; clear: visibility: }.clearfix {display: inline-}/* Hides from IE-mac \*/&* html .clearfix {height: 1%;} .clearfix {display:} /* End hide from IE-mac */ /* Hides from IE7 \*/&*+html .clearfix{height: 1%;} .clearfix {display:} /* End hide from IE7 */
7.IE6.0图片下产生空隙 解决这个BUG的方法也有很多，可以是改变html的排版，或者定义img 为display:block或者定义vertical-align属性值为vertical-align:top | bottom |middle |text-bottom还可以设置父容器的字体大小为零，font-size:0; 8.&meta http-equiv="X-UA-Compatible" content="IE=7" /&的意思 &X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否包含&!DOCTYPE&指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循&!DOCTYPE&指令。对于多数网站来说，它是首选的兼容性模式。目前IE8尚在测试版中，所以为了避免制作出的页面在IE8下面出现错误，建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码：&meta http-equiv="X-UA-Compatible" content="IE=7" /&这样我们才能使得页面在IE8里面表现正常！ 9.使用position: 设置一个标签的position:可以解决很多问题，特别是曾经有过看不见的经历或者奇怪布局的框架，当然你要小心，绝对位置放置的子元素是否都参照找到新位置。 10.为浮动元素使用display: 浮动元素会有一个著名的IE6.0双边距。假如你设置了左边距5px但实际上是10px左边距，display:inline可以解决这个问题，尽管它不是必需的，但是css仍然有效。 11.修复重复字符的bug 复杂的布局会触发一个bug:浮动对象的最后字符会出现在已经清除浮动的元素后面。这里有几种解决方法:a.确保几种元素都使用display:b.最后一个浮动元素使用margin-right:-3c.在浮动对象最后一个元素后使用一个条件注释，例如这里输入注释...&![endif]&;d.在容器内的最后使用一个div空标签（它也必须设置90%宽度甚至更小） 12.去掉网页链接上点击时的虚线 方法1：在&a&标签中加入onFocus="this.blur()"语句： &a href="http://hszy00232./blog/#" onFocus="this.blur()"&try&/a&方法2：在&a&标签中加入hidefocus：
&a href="http://hszy00232./blog/###" hidefocus&link&/a& 方法3：如果连接太多，可以用外部链接 .HTC 文件。如，blur.htc 文件内容如下： &public:attach event="onfocus" onevent="makeblur()"/& &script language="javascript"& function makeblur(){ this.blur(); } &/script& 在 CSS 中加入如下代码： A { behavior:url(blur.htc); }方法4：使用CSS样式，可加入代码： a {blr:expression(this.onFocus=this.blur())}这样，站内所有的文章都实现了无虚线效果了。 13:zoom:1的作用
在兼容IE6、IE7、IE8浏览器，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用：触发IE浏览器的解决ie下的浮动，margin重叠等一些问题。 14:深入理解display:inline- display:inline-将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。 支持的浏览器有：Opera、Safari,FF3.0+。 在IE中对内联元素使用 display:inline-block，IE 是不识别的，但使用 display:inline-block 在 IE 下会触发 layout,而它本就是行布局，所以触发后，块元素依然还是行布局，从而使内联元素拥有了display:inline-block 属性的表症,而不会如 Opera 中块元素呈递为内联对象。 IE下块元素如何实现 display:inline-block 的效果： 方法1：先使用 display:inline-block 属性触发块元素，然后再定义 display:inline，让块元素呈递为内联对象（两个display 要先后放在两个 CSS 声明中才有效果，这是 IE 的一个经典 bug ，如果先定义了 display:inline-block，然后再将 display 设回 inline 或 block，layout 不会消失）。 div {display:inline-...}div {display:}方法2：直接让块元素设置为内联对象呈递（设置属性 display:inline），然后触发块元素的 layout（如：zoom:1 等）。
div {display: zoom:1;...}15.css浏览器兼容总结#box{color:/* 所有浏览器都支持 */color:red!/* 除IE6外 */_color:/* IE6支持 */*color:/* IE6,IE7支持 */ +color:/* IE7支持 */*+color:/* IE7支持 */color:red\9;/* IE6-IE9支持 */color:red\0;/* IE8-IE9支持 */color:red\9\0;/* IE9支持 */}这个hack的使用要注意页面是否使用了DTD或XML申明（&?xml version="1.0" encoding="utf-8"?&） class{background-color:# FFFF00;/*所有浏览器*/* background-color:#00FF00;/*IE*/_ background-color:# 00FFFF;/*IE6*/}@media all and(min-width:0){&.class{background-color:#FF00FF; /*Opera */} }/*只有Opera识别*/@media all and (min-width:0){&.class{background-color:#FF00FF; /*Opera和Sa */html* .class{background-color:# 808080; /*Sa*/}}}16.处理文字隐藏 font-size:0 // for firefox & operacolor: // for webkitline-height:0;overflow: // for IE 17.雅黑字体设置 font-family:Microsoft YaHei,calibri,verdana 18.CSS之透明效果 filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/
19.数字列表样式设置 li{&& &list-style-type:&& &list-style-position:& } 20.当子元素浮动且未知高度时，怎么使父容器适应子元素的高度？这种情况可在父窗口加上 overflow:zoom:1;这两个样式属性，overflow:是让父容器来自适应内部容器的高度，zoom:1;是为了兼容IE6而使用的CSS HACK。21.CSS布局整理& & &22.CSS中的垂直居中整理&&&23.mac下网页字体优化方案一.使用Hiragino Sans GB字体目前它是mac系统下自带的比较好看的黑体字体之一，比较适合网页渲染，也广受欢迎。比如QQ空间的字体设置：.os_mac { font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3"; }前三个字体为英文字体方案二.使用-webkit-font-smoothing:antialiasedwebkit内核私有属性，用于字体抗锯齿，使字体看起来会清晰舒服很多24.解决inline-block时的4px间距的bug在使用inline-block时在IE8-9、Firefox、Safari、Chrome等浏览器下会出现左右4px的间距，解决这个“4px”有几种方案：方案一：改变HTML结构结构一：结构二：结构三：结构四：最终效果：方案二：负marginul{font-size:12}ul li{margin-right:-4margin-left:-4*margin-right:0;*margin-left:0;}方案三：设置父元素字号为0,然后在“inline-block”元素上重置字体需要的大小，注：Safari下不起作用ul{font-size:0} ul li{font-size:12}方案四：使用JS的方法&ul class="removeTextNodes"&&&&li&item1&/li&&&&li&item2&/li&&&&li&item3&/li&&&&li&item4&/li&&&&li&item5&/li&&/ul&$('.removeTextNodes').contents().filter(function(){
return this.nodeType === 3;}).remove();最后一种方法是通过jQuery来改变“nodeType”的值，从而实现我们需要的效果。&25.触发Layout的各种属性：position: absolute设置绝对定位可能会引发新的问题。float: left|rightIE下的浮动也会产生一些莫名其妙的问题。display: inline-block当一个内联元素需要haslayout属性时就需要用它，但是IE本身不支持inline-block的，只是表现得像标准里说的inline-block。width: 除'auto'外的任意值优先考虑使用该属性。height: 除'auto'外的任意值对 IE6 及更早版本来说很常用，该方法被称为霍莉破解(Holly hack)，即设定这个元素的高度为 1% (height:1%;)。但是要注意，当这个元素的 overflow 属性被设置为 visible 时，这个方法就失效了。zoom: 除'normal'外的任意值又一个ie私有属性，不兼容标准。zoom:1可以在测试或者不追求标准的情况下使用，效果不错。writing-mode: tb-rlie私有属性，不推荐用。IE7 还有一些额外的属性：min-height: (任意值)max-height: (除 none 外任意值)min-width: (任意值)max-width: (除 none 外任意值)overflow: (除 visible 外任意值)overflow-x: (除 visible 外任意值)overflow-y: (除 visible 外任意值)position: fixed26.禁止用户选中-webkit-user-select:-moz-user-select:-ms-user-select:user-select:27.placeholder动画实现隐藏/*[placeholder]:focus::-webkit-input-placeholder{ color:}*/.example-one:focus::-webkit-input-placeholder{ transition:opacity 0.5s 0.5 opacity: 0;}.example-two:focus::-webkit-input-placeholder{ transition:text-indent 0.5s 0.5 text-indent: -100%; opacity: 1;}28. 关于条件注释 来源：&!--[if IE 5]&仅IE5.5可见&![endif]--&&!--[if gt IE 5.5]&仅IE 5.5以上可见&![endif]--&&!--[if lt IE 5.5]&仅IE 5.5以下可见&![endif]--&&!--[if gte IE 5.5]&IE 5.5及以上可见&![endif]--&&!--[if lte IE 5.5]&IE 5.5及以下可见&![endif]--&&!--[if !IE 5.5]&非IE 5.5的IE可见&![endif]--&下面的代码是在非IE浏览器下运行的条件注释&!--[if !IE]&&!--&您使用不是 Internet Explorer&!--&![endif]--&&!--[if IE 6]&&!--&您正在使用Internet Explorer version 6或者 一个非IE 浏览器&!--&![endif]--&29. 使用Table的注意table{table-layout:}//表格中有!!!(感叹号)之类的字符时自动换行td{word-break: break-word-wrap:break-}//表格中的一些连续的英文单词自动换行
阅读(1657)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_083064',
blogTitle:'实战中关于CSS的总结',
blogAbstract:'新增：微清浮动hack：.cf:after{ content:\"\"; display: clear:}.cf{ *zoom:1;}1.如果利用&img&标签把图片放进表格单元里面，并注意到在图片下方有不需要的空间，那么设置它的display属性为block. 2.text-align可以被继承，vertical-align属性不会被继承 3.html提供&colgroup&和&col&标签相应地表示列组合和独立的列。 表格中的每个列',
blogTag:'css',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:2,
publishTime:9,
permalink:'blog/static/',
commentCount:10,
mainCommentCount:9,
recommendCount:2,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'前端技术：http://hszy00232./\n前端设计：.cn/hsjs00232\n职业：web前端工程师\n现居地：北京\nMy QQ：\nMail:',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}}