css代码如何调用？

html-css016

css代码如何调用？,第1张

css的调用有三种方法：\x0d\x0a第一种：从页面头部调用\x0d\x0a从页面头部调用CSS是将CSS写在页面的head元素中，然后在页面中调用。其语法结构如下：\x0d\x0a\x0d\x0a选择符{属性:属性值}\x0d\x0a\x0d\x0a-------------------------------------------------------\x0d\x0a\x0d\x0a例如：\x0d\x0a\x0d\x0a\x0d\x0a测试\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a------------------------------------------------------------\x0d\x0a\x0d\x0aps:这个是在头文件里面写\x0d\x0a\x0d\x0a第二种：采用链接的形式调用\x0d\x0a\x0d\x0a采用链接的形式调用CSS通常有两种方法：\x0d\x0a使用link元素\x0d\x0a使用link元素调用CSS的语法如下：\x0d\x0a\x0d\x0a-------------------------------------------------------------------------\x0d\x0a\x0d\x0a例如：\x0d\x0a\x0d\x0a\x0d\x0a测试\x0d\x0a\x0d\x0a\x0d\x0a---------------------------------------------------------------------\x0d\x0a\x0d\x0a使用@import\x0d\x0a------------------------------------------------------------------\x0d\x0a\x0d\x0a例如：\x0d\x0a\x0d\x0a测试\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a--------------------------------------------------------------------------\x0d\x0a\x0d\x0aps：这个也是写在头文件里面的\x0d\x0a\x0d\x0a第三种：元素中直接使用\x0d\x0a这种调用方式的写法如下：\x0d\x0a\x0d\x0a在样式中直接使用CSS，语法是使用style标签，在双引号中，样式的语法结构和独立样式表中完全相同。\x0d\x0a-------------------------------------------------------------------------\x0d\x0a\x0d\x0a例如：\x0d\x0a示例：元素中直接调用。\x0d\x0a-------------------------------------------------------------------------------

1.我们以谷歌浏览器为例，来讲讲怎么调试CSS。先打开谷歌浏览器，看截图里的红色箭头，点击“工具”，点击“开发者工具”，就打开调试工具了，也可以按下快捷键F12来打开调试工具；

2.打开的调试工具如下图所示：

3.我们就以百度的首页为例，看看调试效果。看截图，点击那个“抓取元素”的按钮，来获取要审查的元素；

4.看截图，出现下面的界面后，点击“style”，单击那个对勾，就可以看到效果了；

5.我去掉一些样式之后，就出现了下面的效果，看截图；