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@联系笔者 删除。
笔者:苦海