黑马程序员技术交流社区

标题: 学习心得！ [打印本页]

作者: 打瞌睡de喵 时间: 2019-3-17 23:28
标题: 学习心得！

CSS外观显示样式有三种：
1、行内式（内联样式）：写入标签内部
eg: <h1 style="color:red；  font-size:20px;" > 我是一个网页（内容） </h1>
注意：①属性与属性值之间用：隔开 ②多组属性之间用；隔开，并加空格
2、内部样式表：放入<head></head>之间
eg: <head>
         <style type="text/css">
               h1 {
                     color:red;
                     font-size:20px;
                     }
         </sttyle>
   </head>
注意：①理论上可以放入任意位置，但是规定还是放入<head>与</head>之间
②在html中，type="text/css"可以省略
③设置的样式只适用于当前页面
3、外部样式表（外链式）：
eg:  <head>
               <link rel="stylesheet" type=type="text/css"  href="路径" />
   </head>
注意：①需要新建CSS格式的文件，eg: style.css
②在html中引用css文件，以link标签（单标签）引用
③link标签中rel  href 必须写，type 可以不写
此类样式表也是实际开发用的最多的一种，因为可以实现结构样式相分离。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2