<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>寂静的深海 &#187; CSS</title>
	<atom:link href="http://www.deepseath.com/?feed=rss2&#038;tag=css" rel="self" type="application/rss+xml" />
	<link>http://www.deepseath.com</link>
	<description></description>
	<lastBuildDate>Mon, 29 Jan 2024 09:55:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>font-family：中文字体的英文名称</title>
		<link>http://www.deepseath.com/?p=1084</link>
		<comments>http://www.deepseath.com/?p=1084#comments</comments>
		<pubDate>Thu, 13 Sep 2012 08:50:25 +0000</pubDate>
		<dc:creator>Deepseath</dc:creator>
				<category><![CDATA[日积月累]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.deepseath.com/?p=1084</guid>
		<description><![CDATA[宋体* SimSun 黑体* SimHei 微软雅黑* Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋_GB2312 F angSong_GB2312 楷体_GB2312 K aiTi_GB2312 css 中中文字体（font-family）的英文名称 Mac OS 的一些： 华文细黑：STHeiti Light [STXihei] 华文黑体：STHeiti 华文楷体：STKaiti 华文宋体：STSong 华文仿宋：STFangsong 儷黑 Pro：LiHei Pro Medium 儷宋 Pro：LiSong Pro Light 標楷體：BiauKai 蘋果儷中黑：Apple LiGothic Medium 蘋果儷細宋：Apple LiSung Light [...]]]></description>
		<wfw:commentRss>http://www.deepseath.com/?feed=rss2&#038;p=1084</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS浏览器兼容问题整理(转)</title>
		<link>http://www.deepseath.com/?p=371</link>
		<comments>http://www.deepseath.com/?p=371#comments</comments>
		<pubDate>Mon, 27 Oct 2008 07:11:40 +0000</pubDate>
		<dc:creator>Deepseath</dc:creator>
				<category><![CDATA[日积月累]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[ip]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[round]]></category>
		<category><![CDATA[升级]]></category>
		<category><![CDATA[浏览器]]></category>
		<category><![CDATA[补丁]]></category>
		<category><![CDATA[转载]]></category>

		<guid isPermaLink="false">http://www.deepseath.com/?p=371</guid>
		<description><![CDATA[若干个浏览器内核不同CSS解析可能就不同，甚至同一个内核的浏览器版本不同解析也可能不同:( 页面的CSS对于写程序虽然不是非常重要，不过就解决事情的一个整体流程而言，多多了解一些绝对没有坏事！ 这又是一个整理并转载别人的总结。说实话，不太喜欢用一些Hack之类的，我写CSS的时候基本就是用手册和标准规定的东西。然后再打开不同浏览器发现问题，然后根据具体情况具体写，不过有时候某些变态问题真的很麻烦:( 浏览器真的是一个朝三暮四的讨厌家伙，希望什么时候各个浏览器都能遵循标准来解析，让页面不再用Hack！ 同时，也呼吁一下大家将自己的浏览器升级一下吧，7年前的IE6真的不怎么地！！换IE7吧！！ 不罗嗦了，开始——转—— 1.div的垂直居中问题： vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行。 2. margin加倍的问题： 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;&#160;&#160;&#160; 例如：&#160;&#160;&#160; &#60;#div id=”imfloat”&#62;&#160;&#160;&#160; 相应的css为&#160;&#160;&#160; #IamFloat{&#160;&#160;&#160; float:left;&#160;&#160;&#160; margin:5px;/*IE下理解为10px*/&#160;&#160;&#160; display:inline;/*IE下再理解为5px*/} 3.浮动ie产生的双倍距离： #box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}&#160;&#160;&#160; 这里细说一下block与inline两个元素：block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是,和其他元素在同一行上,不可控制(内嵌元素);&#160;&#160;&#160; #box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table; 4.IE与宽度和高度的问题： IE 不认得min-这个定义，但实际上它把正常的width和height当作有min的情况来使。这样问题就大了，如果只用宽度和高度，正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。&#160;&#160;&#160; 比如要设置背景图片，这个宽度是比较重要的。要解决这个问题，可以这样：&#160;&#160;&#160; #box{ width: 80px; height: 35px;}html&#62;body #box{ width: auto; height: auto; min-width: [...]]]></description>
		<wfw:commentRss>http://www.deepseath.com/?feed=rss2&#038;p=371</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>收集整理一些IE与FF的CSS兼容设计问题</title>
		<link>http://www.deepseath.com/?p=214</link>
		<comments>http://www.deepseath.com/?p=214#comments</comments>
		<pubDate>Fri, 27 Jun 2008 09:28:25 +0000</pubDate>
		<dc:creator>Deepseath</dc:creator>
				<category><![CDATA[日积月累]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[浏览器]]></category>

		<guid isPermaLink="false">http://www.deepseath.com/?p=214</guid>
		<description><![CDATA[margin加倍的问题。 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。 解决方案是在这个div里面加上display:inline; 例如： &#60;div id=”float”&#62;&#60;/div&#62;相应的css为#float{float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/ } 下面是关于IE7的hack： 针对firefox ie6 ie7的css样式： 现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。 现在写一个CSS可以这样：#1 { color: #333; } /* Moz */ * html #1 { color: #666; } /* IE6 */ *+html #1 { color: #999; } /* IE7 */ 那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999 可以用”+”来实现只有IE识别的CSS Hack 可能有朋友想到用”_” Hack，但它们是由区别的，因为IE7中是不识别“_”的。所以用+测试结果： IE5.5，IE6 ，IE7浏览器都能识别； FF2.0，Opera 9，Safari 2浏览器不识别。]]></description>
		<wfw:commentRss>http://www.deepseath.com/?feed=rss2&#038;p=214</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>两个不太常用的 CSS Hack</title>
		<link>http://www.deepseath.com/?p=211</link>
		<comments>http://www.deepseath.com/?p=211#comments</comments>
		<pubDate>Fri, 27 Jun 2008 05:28:32 +0000</pubDate>
		<dc:creator>Deepseath</dc:creator>
				<category><![CDATA[日积月累]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[opera]]></category>
		<category><![CDATA[safari]]></category>

		<guid isPermaLink="false">http://www.deepseath.com/?p=211</guid>
		<description><![CDATA[1、仅 Safari 和 Opera 识别的 Hack @media all and (min-width: 0px) { /* Safari and Opera  rules here */ } 或者 @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Opera rules here */ } 注：这里所指代的 Safari 和 Opera 一般为最新版本。 2、仅 Firefox 3 和 IE7 识别的 Hack selector, x:-moz-any-link, x:default { /* Firefox 3  and IE7 [...]]]></description>
		<wfw:commentRss>http://www.deepseath.com/?feed=rss2&#038;p=211</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>(转)Web 前端优化最佳实践之内容篇</title>
		<link>http://www.deepseath.com/?p=209</link>
		<comments>http://www.deepseath.com/?p=209#comments</comments>
		<pubDate>Tue, 24 Jun 2008 14:48:59 +0000</pubDate>
		<dc:creator>Deepseath</dc:creator>
				<category><![CDATA[日积月累]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[css sprites]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[服务器]]></category>

		<guid isPermaLink="false">http://www.deepseath.com/?p=209</guid>
		<description><![CDATA[Yahoo! 的 Exceptional Performance team 在 Web 前端方面作出了卓越的贡献。广为人知的优化规则也由 13 条到 14 条，再到 20 条，乃至现在的 34 条&#8211;真是与时俱进啊。最新的 34 条也针对不同的角度做了分类。面向内容的优化规则目前有 10 条。 1. 尽量减少 HTTP 请求 (Make Fewer HTTP Requests) 作为第一条，可能也是最重要的一条。根据 Yahoo! 研究团队的数据分析，有很大一部分用户访问会因为这一条而取得最大受益。有几种常见的方法能切实减少 HTTP 请求： 1) 合并文件，比如把多个 CSS 文件合成一个； 2) CSS Sprites 利用 CSS background 相关元素进行背景图绝对定位；参见：CSS Sprites: Image Slicing&#8217;s Kiss of Death 3) 图像地图 4) 内联图象 使用 [...]]]></description>
		<wfw:commentRss>http://www.deepseath.com/?feed=rss2&#038;p=209</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS以及结构表现命名规则</title>
		<link>http://www.deepseath.com/?p=208</link>
		<comments>http://www.deepseath.com/?p=208#comments</comments>
		<pubDate>Tue, 24 Jun 2008 14:44:37 +0000</pubDate>
		<dc:creator>Deepseath</dc:creator>
				<category><![CDATA[日积月累]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[header]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[INT]]></category>
		<category><![CDATA[ip]]></category>
		<category><![CDATA[vote]]></category>
		<category><![CDATA[服务]]></category>

		<guid isPermaLink="false">http://www.deepseath.com/?p=208</guid>
		<description><![CDATA[题外话：很多人遵循的东西就是规则了。所以就是这样的…… 页头：header 登录条：loginBar 标志：logo 侧栏：sideBar 广告：banner 导航：nav 子导航：subNav 菜单：menu 子菜单：subMenu 搜索：search 滚动：scroll 页面主体：main 内容：content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus 指南：guild 服务：service 热点：hot 新闻：news 下载：download 注册：regsiter 状态：status 按钮：btn 投票：vote 合作伙伴：partner 友情链接：friendLink 页脚：footer 版权：copyRight 1.CSS ID 的命名 外　套：　　wrap 主导航：　　mainNav 子导航：　　subnav 页　脚：　　footer 整个页面：　content 页　眉：　　header 页　脚：　　footer 商　标：　　label 标　题：　　title 主导航：　　mainNav（globalNav） 顶导航：　　topnav 边导航：　　sidebar 左导航：　　leftsideBar 右导航：　　rightsideBar 旗　志：　　logo 标　语：　　banner 菜单内容1： menu1Content 菜单容量：　menuContainer [...]]]></description>
		<wfw:commentRss>http://www.deepseath.com/?feed=rss2&#038;p=208</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>体检项目介绍</title>
		<link>http://www.deepseath.com/?p=198</link>
		<comments>http://www.deepseath.com/?p=198#comments</comments>
		<pubDate>Sun, 08 Jun 2008 09:45:11 +0000</pubDate>
		<dc:creator>Deepseath</dc:creator>
				<category><![CDATA[日积月累]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[摄影]]></category>

		<guid isPermaLink="false">http://www.deepseath.com/?p=198</guid>
		<description><![CDATA[体检项目介绍 项      目 临床意义 一般情况 身高、体重、血压 配合现场物理检查，了解身体的差异问题。 抽血 抽血（用于实验室检查） 抽取血液检查标本 X线检查 X线透视检查 利用Χ光透视胸腔，可能筛检出的疾病有肺结核、肺肿瘤、水胸、气胸、支气管扩张、气管扩张、心室肥大、主动脉弓突出、脊柱侧弯、胸廓骨胳疾病的诊断。如果正面胸部Χ光检查正常，但有长期性咳嗽，且痰中带血丝者，会加做侧面胸部Χ光检查 骨密度 骨密度筛检 人类的骨質密度约在30岁左右达到高峰，之后骨质便逐年流失，而造成骨骼胳结构的松动和脆弱，渐渐发生「骨质疏松症」。因此，一般正常人30岁以后最好每年筛检。 超声检查5项 腹部（肝、胆、脾、胰、双肾）（黑白超） 检查出肝脏、胆囊、胰腺、脾脏、肾脏是否有病变。主要检查八大部位，包括肝脏、肝内胆管、总胆管、胆囊、肾脏、肝门静脉、胰腺、脾脏及其它。检测脂肪肝、肝硬化、肝胆结石、不明原因腹痛等疾病。 前列腺B超 筛查前列腺是否以下情况：前列腺增生、前列腺炎、前列腺癌、前列囊肿、前列腺脓肿、前列结核、前列腺结石等。 心电图 12导联 心电图检查是利用图形描记与心脏搏动有关的电位变化，藉以判断是否有心房或心室肥大、心肌梗塞、不整脉、心囊炎、全身性疾病引起心脏变化等异常情形 内科5项 （心、肺、肝、脾、神经系统等） 通过物理检查，排除内科疾病或发现内科疾病的征兆 外科7项 （皮肤、脊柱、四肢、甲状腺、乳房、肛门、外生殖器等） 通过触诊及物理检查，以了解外科系统的基本情况 眼科4项 （视力、辨色力、外眼、眼压、眼底、裂隙灯检查等） 眼睛是将外界状况传递至大脑的重要工具，要了解其是否正常，必须进行视力检查；通过眼底摄影检查，了解眼底、血管是否有病变；如:糖尿病引发眼底病变、青光眼、白内障、视神经炎、视神经萎缩等 口腔科10项 （唇、颊、齿、齿龈、牙周、舌、腭、腮腺、颌下腺、颞下） 通过物理检查，排除口腔科疾病或发现口腔科疾病的征兆 耳鼻咽喉科 7项 （听力、外耳、内耳、鼻腔、鼻中膈、咽部、喉部等） 主要检查部位包括：耳、鼻、鼻咽、口咽、喉等部位。耳：耳膜破裂、中耳炎……等。鼻：鼻窦炎、鼻中膈弯曲、扁桃腺病变…等。喉：息肉、结节、喉肿瘤……等。 妇科4项 妇科常规 筛查宫颈大小、颜色、外口形状；有无糜烂、息肉、肿瘤、炎症；以及分泌物的量、性质、颜色、有无臭味等。并並触摸阴道的弹性、通畅度，有无触痛；與触叩子宫及附件有无压痛、肿块等 宫颈刮片 重要的是透过宫颈涂片筛检子宫颈癌，子宫颈癌的发生率很高，但死亡率并没有那么高，主要是因 早期发现及早治疗所产生的功效。由于宫颈涂片检查是筛检子宫颈癌的有效方法，因此，凡有性行为之妇女，每年应检查一次 乳腺红外扫描 乳腺摄影检查是以Χ光仪器透视在压迫下的乳腺，此项Χ光检查可以检查出许多用手摸不出的乳腺病灶（lesion），发现早期乳癌的机率相当高。 妇科B超 妇科超声波检查可发现子宫、卵巢等生殖器官是否有病变发生。筛检疾病：主要可发现子宫肌瘤、子宫纤维瘤、子宫癌、子宫内膜增生、子宫内膜癌、卵巢囊肿、卵巢癌等疾病。 血常规18项  白细胞计数（WBC) 主要担任防卫工作，白细胞增加或减少，需配合白细胞分类，来初步办定为细菌感染或病毒性感染或为白血病（俗称血癌）  淋巴细胞（LYN） 白细胞分类之值，有助于各种疾病之诊断治疗 [...]]]></description>
		<wfw:commentRss>http://www.deepseath.com/?feed=rss2&#038;p=198</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>推荐的 CSS 书写顺序</title>
		<link>http://www.deepseath.com/?p=120</link>
		<comments>http://www.deepseath.com/?p=120#comments</comments>
		<pubDate>Sat, 08 Mar 2008 08:00:58 +0000</pubDate>
		<dc:creator>Deepseath</dc:creator>
				<category><![CDATA[程序人生]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[W3C]]></category>

		<guid isPermaLink="false">http://www.deepseath.com/?p=120</guid>
		<description><![CDATA[推荐的 CSS 书写顺序//显示属性displaylist-stylepositionfloatclear//自身属性widthheightmarginpaddingborderbackground//文本属性colorfonttext-decorationtext-alignvertical-alignwhite-spaceother textcontent]]></description>
		<wfw:commentRss>http://www.deepseath.com/?feed=rss2&#038;p=120</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>一个简洁好看的标签</title>
		<link>http://www.deepseath.com/?p=108</link>
		<comments>http://www.deepseath.com/?p=108#comments</comments>
		<pubDate>Wed, 05 Mar 2008 10:00:00 +0000</pubDate>
		<dc:creator>Deepseath</dc:creator>
				<category><![CDATA[程序人生]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.deepseath.com/?p=108</guid>
		<description><![CDATA[　　演示效果：点击这里浏览 　　用到的图片有三个，如下： 　　标签背景图片： 　　标签背景图片： 　　内容渐变背景图片： 　　非原创，在网上看到的，学习借鉴一下^_^]]></description>
		<wfw:commentRss>http://www.deepseath.com/?feed=rss2&#038;p=108</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
