CSS之段落缩进、Logo方法------text-indent

text-indent

一、段落缩进

首行缩进两格



无标题文档
	




	

豫章故郡,洪都新府。星分翼轸(zhěn),地接衡庐。襟三江而带五湖, 控蛮荆而引瓯(ōu)越。物华天宝,龙光射牛斗之墟;人杰地灵, 徐孺下陈蕃(fān)之榻。雄州雾列,俊采星驰,台隍(huáng)枕夷夏之交 ,宾主尽东南之美。都督阎公之雅望,棨(qǐ )戟遥临;宇文新州之懿(yì)范……

二、Logo

由于搜索引擎只能识别文字,无法识别图形,所以要实现Logo的效果,需要将Logo图片放置到h1标题中作为背景,将h1的长宽设置为Logo图片的长宽,然后隐藏h1的内容



无标题文档
	



	

百度

疑问两点:

(1)为什么隐藏不用“display:none”,因为使用“display:none”会导致h1的权重消失

(2)为什么text-indent的值为:”-9999px“,因为我们的电脑屏幕宽度有1086px,1032px使用这个值可以保证值在屏幕宽度以外。


你可能感兴趣的:(CSS)