100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > CSS简介 行内样式 内部样式 外部样式 注释 引入其他CSS文件

CSS简介 行内样式 内部样式 外部样式 注释 引入其他CSS文件

时间:2018-12-16 22:06:05

相关推荐

CSS简介 行内样式 内部样式 外部样式 注释 引入其他CSS文件

CSS的发展历程:

起初是没有css的,只有少量样式是可以写在html标签中,这样代码格外显得臃肿,此时CSS就出现了。

初识CSS:

CSS(Cascading Style Sheets),被称为CSS样式表或者层叠样式表,主要用于设置HTML页面内容外观及布局外观。css有三大模块:定位、浮动、盒子模型,下面有详细介绍。

CSS书写位置:

CSS书写位置可以分三种情况:行内样式(内联式)、内部样式表、外部样式(外链式)

1.行内样式(内联式):在标签中添加style,并在style里面书写属性及属性值代码,如:

<标签名 style="属性1:属性值;属性2:属性值">内容</标签名><P style="color:pink;font-size:25px"></P>

2.内部样式(内嵌样式表):一般在head标签中写上style标签,当然style标签可以放在HTML的任何位置,CSS代码写在style标签中,如:

<head><style type="text/CSS"> /*当有<!doctype:html>时type="text/CSS"可以省略*/选择器{属性1:属性值;属性2:属性值} </style></head><head><style>p{color:red;font-size:25px;} </style></head>

3.外部样式(外链式):将所有CSS代码写在以 .css后缀名结尾的文件中,并把这个文件通过link标签载入到html文件中,link标签一般放在head标签中,优点:文件共享、便于维护,如:

<head><link rel="stylesheet" href="index.css" type="text/CSS"/> <!--html5中type="text/CSS"可以省略--></head>

注释:

/*注释内容*/

css中引入另一个css文件:

@import url('css文件路径')

提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@联系笔者 删除。

笔者:苦海

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。