这篇“css文件的写法”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“css文件的写法”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。
css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。
css文件的写法:首先新建文本文档,并重命名为【xxx.css】;然后使用编辑器打开文件,第一行写上编码格式;最后来编写需要的css代码。
css文件的写法:
1、新建文本文档,重命名为 xxx.css
2、使用编辑器打开文件,第一行写上编码格式
@charset "utf-8";
3、接下来编写你需要的css代码,格式为
选择器 {
属性名1: 属性值1,
属性名2: 属性值2,
...
}
例如:
<style>
@charset "utf-8";
body{
margin: 0;
background: #f9f9f9;
}
.shadow{
background: #fff;
box-shadow: 0 0 4px rgba(0, 0, 0, .2);
}
#nav{
box-sizing: border-box;
padding: 8px;
height: 46px;
}
#app{
margin: 8px;
min-height: 300px;
}
#footer{
box-sizing: border-box;
padding: 8px;
min-height: 46px
}
</style>
<div class="shadow" id="nav">nav</div>
<div class="shadow" id="app">app</div>
<div class="shadow" id="footer">footer</div>
以上是“css文件的写法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。