菜鸟教程如何查看外部样式表!比如<link href=”style.css” rel＝”stylesheet”>该怎-学吧号

菜鸟教程如何查看外部样式表!比如<link href=”style.css” rel＝”stylesheet”>该怎

图片[1]-菜鸟教程如何查看外部样式表!比如<link href=”style.css” rel＝”stylesheet”>该怎-学吧号开发人员模式，最好Chrome里打开shift+ctrl+c打开开发人员模式然后点elements，点开<head>就能看到然后鼠标右键点链接，open link in new tab就能看了

哪有 CSS 全面教程

图片[2]-菜鸟教程如何查看外部样式表!比如<link href=”style.css” rel＝”stylesheet”>该怎-学吧号

微雨心情的代码集合[原创]他的代码在百度空间可热了,还加为了[精品]~集合地址：http://hi.baidu.com/ningningjx/blog/item/28a25366fbb41424aa184c65.html 里面的步骤是由简单到复杂,非常的好~某些代码都是到他哪儿转载的。

怎么才能让一个DIV元素中的内部DIV居中

图片[3]-菜鸟教程如何查看外部样式表!比如<link href=”style.css” rel＝”stylesheet”>该怎-学吧号

1 css中的居中有很多方式，比如设置padding的值，或者使用margin都可以居中，在这里演示一下定位的方式，定位在css的布局里面是很重要的部分，下面的截图是未定位之前在页面上的线上，先来看下不居中的效果：右侧是代码，左侧是显示效果

2 下面在第一个步奏上进行定位，首先要说下一个定位的口诀叫做父相子绝，也就是是说父级是相对定位position:relative 子元素的定位是:position:absolute ;再给子元素的top和left设置值，下面是具体的代码，代码可以复制到浏览器上面直接运行就能看到效果了。
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>菜鸟教程(runoob.com)</title>
<style>
#big{ width:200px;
height:200px;
background:yellow;
position:relative;
}
#small{

width:100px;
height:100px;
background:red;
text-align:center;
position:absolute;
top:50px;
left:50px;

}

</style>
</head>

<body>

</body>
</html>
3 下面是步奏二是先的效果图，左边是代码截图右边是显示效果截图：

4 总结：主要是理解postion的定位，其实不难，relative是占位置的。

意思就是你给这个定位为relative的元素设置便宜位置之后，原来的位置仍然保留，不影响布局，而 absolute可以理解为是float设置位置之后是会影响这个布局的。

有没有工程类和科技类的网站推荐？

图片[4]-菜鸟教程如何查看外部样式表!比如<link href=”style.css” rel＝”stylesheet”>该怎-学吧号

网站推荐：
1、 CSDN
CSDN (Chinese Software Developer Network) 创立于1999年，是中国的IT社区和服务平台，为中国的软件开发者和IT从业者提供知识传播、职业发展、软件开发等全生命周期服务。
满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

2、开源中国
开源中国是目前中国最大的开源技术社区。

我们传播开源的理念，推广开源项目，为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

3、博客园
博客园是一个面向开发者的知识分享社区。自创建以来，博客园一直致力并专注于为开发者打造一个纯净的技术交流社区，推动并帮助开发者通过互联网分享知识，从而让更多开发者从中受益。

博客园的使命是帮助开发者用代码改变世界。

4、segmentfault
SegmentFault是中国领先的开发者技术社区。我们希望为编程爱好者提供一个纯粹、高质的技术交流的平台，与开发者一起学习、交流与成长，创造属于开发者的时代。

5、ITEYE
ITeye Java编程 Spring框架 Ajax技术 agile敏捷软件开发 ruby on rails实践 – ITeye做最棒的软件开发交流社区。

6、菜鸟教程
菜鸟教程提供了编程的基础技术教程, 介绍了HTML、CSS、Javascript、Python，Java，Ruby，C，PHP , MySQL等各种编程语言的基础知识。同时本站中也提供了大量的在线实例，通过实例，您可以更好的学习编程。

7、IT猿网
IT猿网提供专业的技术视频教程、技术文档、开发工具。这里您能轻松学习Java，HTML、CSS、Javascript，PHP ， MySQL等编程知识。

THE END

菜鸟教程