A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 打瞌睡de喵 初级黑马   /  2019-3-17 23:28  /  782 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文


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 可以不写
此类样式表也是实际开发用的最多的一种,因为可以实现结构样式相分离。

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马