CSS学习总结
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了CSS学习总结,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1477字,纯文字阅读大概需要3分钟。
内容图文
![CSS学习总结](/upload/InfoBanner/zyjiaocheng/1026/0662e9a9beaa4c55b480a10e1772bf00.jpg)
CSS,中文解释为层叠样式表,它能够对网页中的元素进行装修,支持几乎所有的字体字号样式,可以对网页对象和模型样式进行编辑。
CSS的三大引入样式:
1.行内式引入:
借助标签的style属性引入css样式;
<font style="color: red; font-size: 20px ;">这里是红色文字</font>
2.内嵌式引入:
写在head标签内,使用style标签定义css样式;
<style>
/*定义span标签的样式*/
span{
font-size: 20px; /*字体大小为20像素*/
color: green; /*文字颜色为green*/
background: bisque; /*背景颜色为bisque*/
}
</style>
3.链接式引入:
将CSS代码独立放在CSS文件中,可以作用于多个网页。在html文件的head标签里面通过link标签引入css文件。
span{
font-size: 20px;
color: darkblue;
background: bisque;
}
<!-- stylesheet表示文档的外部样式表 -->
<link rel="stylesheet" href="css/mycss.css" />
CSS的三大基本选择器
1.标签名选择器:
给页面上所有同名标签定义样式选择器。
p{
font-size: 20px;
color: red;
background: bisque;
}
2.id选择器:
通过标签的id属性的值给该标签配置css样式(id属性的值在同一个网页中唯一)
/*给属性的id="p1"的标签配置字体为红色的样式。*/
#p1{
color: red;
}
3.类选择器:
通过标签的class属性的值给该标签配置css样式(多个标签可以有一样的class值。)
给class="c"的标签配置css样式
.c{
color: hotpink; /*字体颜色*/
text-decoration: none; /*文字装饰*/
background-color: #00008B;/*背景颜色*/
}
<span id="s1" class="c"> 哈哈哈1</span>
<a href="https://www.baidu.com" class="c">百度</a>
4.其余选择器:
除了三个基本选择器外,还有层级选择器、属性选择器、分组选择器、伪类选择器等,读者可以查询[wschool教学网站]。(https://www.w3school.com.cn/css/index.asp)
内容总结
以上是互联网集市为您收集整理的CSS学习总结全部内容,希望文章能够帮你解决CSS学习总结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。