css
2021/12/27 23:15:01
本文主要是介绍css,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
resat.css 文件:引入重置的css文件,也就是先去除一些全局的样式,比方
* { margin: 0; padding: 0; }
关于 Bootstrap 中的容器分为
1.流体容器
2.固定容器(使用到媒体查询@media的三个值 768px / 992px / 1200px)
3.栅格容器(系统)
栅格布局中分为12列
使用Bootstrap,可以直接去官网文档拉取组件,如果要对样式作修改,再自己添加class类名,然后在css样式中重写
比方导航条样式不一样,可以添加class = “daohang”
,在css文件中给.daohang{ background:blue; ... }
Bootstrap 的文件引用;
引入css文件有
... <link rel="stylesheet" href="css/bootstrap.min.css" /> </head>
引入js文件
... <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> </body>
关于个人在html文件中编写 <script></script>
标签都是跟在 </body>
下方,在</html>
上方
在html页面中引入公共部分(头部header / 尾部footer):https://blog.csdn.net/qq_35393869/article/details/79803190
这篇关于css的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-14CSS-Module学习:轻松入门指南
- 2024-11-12CSS9资料入门指南
- 2024-11-12CSS浮动资料详解:初学者指南
- 2024-11-12CSS选择器资料详解与实战教程
- 2024-11-12CSS样式资料:初学者必备指南
- 2024-11-11CSS项目实战:从入门到上手
- 2024-11-11CSS定位项目实战:新手指南
- 2024-11-11CSS浮动项目实战:初学者指南
- 2024-11-11CSS选择器项目实战:从入门到上手
- 2024-11-11CSS样式项目实战:新手入门指南