外链式引入css样式表,css引入外部样式表
简答引入CSS样式其代码常用的放置位置方式有哪三种?
1、内联式:
div style="css样式写在这".../div
2、外联式:
style
选择器 {css样式写在这}
/style
3、外链式:
link rel="stylesheet" href="css文件url写在这" /
HTML中引入CSS样式有几种形式
有四种形式:
1.链入外部样式表,就是把样式表保存为一个样式表文件,然后在页面中用link rel="stylesheet" type="text/css" href="*.css"链接这个样式表文件.
2.内部样式表,就是把样式表放到页面的head区里.
3.导入外部样式表,用@import,在head与/headstyle type="text/css"
!--
@import "*.css"
--
/style
4.内嵌样式,就是在标签内写入style="",比如:
td style="border-left:#cccccc"设置表格左边框的颜色为灰色.
引入CSS的方式有几种
三种方式:
1、第一种行内样式,也就是给标签添加style属性,例子如下
div?style="width:100px;height:100px;"/div
2、第二种,直接写在html页面中的style标签中,例子如下,
div?class="box"/div
style
????.box{
????????width:200px;
????????font-size:14px;
????????color:red;
????}
/style
3、第三种,使用外链css样式表,单独保存为css文件,将css样式都写入css文件中,例子如下,
!DOCTYPE?html
html?lang="en"
head
meta?charset="UTF-8"
titleDocument/title
link?rel="stylesheet"?href="index.css"//这个地方写css文件的位置
/head