CSS初学
最新推荐文章于 2024-09-20 13:59:28 发布
阅读量344
收藏
7
点赞数
7
选择器和多条声明
<style></style>写在head里面，不过大项目html和CSS分离的
里面写p {
color:red;
fond-size:12px;
}
基础选择器
标签选择器
所有的某一类的标签
p {
color:red;
fond-size:12px;
}类选择器
单独选择一个
<style>
/*样式点定义 结构类调用*/
.red{
}
</style>
<body>
<ul>
<li class="red">白鹭</li>
<li>金字塔</li>
<li>红楼梦</li>
<li>丰子恺</li>
<li>IKUN</li>
</ul>
</body>.后面的是类名，可以任意命名
多类名
实际应用
id选择器
#id{
color:pink;
}
id和类用法相似，但是只能用一次
通配符选择器
*{
color：red；
}
所有标签都改为红色，无需调用
字体变化
p2{
font-family:"宋体","微软雅黑"；
}
大小
p3{
font-size:16px;
}可以body整体给一个
粗细
bord{
font-weight:bond，700；
}
文字样式 斜体
p2{
font-style:italic；还有normal
}
以上可以叠加使用
font：font-style font-weight font-size font-family不能更换数据
font：italic 700 16px ”Microsoft yahei“
不需要可以省略，但是必须保留font=size和family
文本属性
div{
color:deeppink;或color:#ff0000;或color:rgb(200,0,0);
text-align：center；right；
text-decoration:none underline overline line-through
text-indent:20px；首行缩进或2em
text-height:26px；行间距
}
CSS的引入方式
内部样式 行内式
将CSS放到style里在HTML内部
<p style="color:red;"></p>
嵌入式
新建CSS文件，直接写div
在HTML中<link rel ="stylesheet" herf="URL">
新闻页面
bottom-border：1px 下边框线
<hr>也可以一条线
HTML/CSS设置网页背景_css设置整个h5页面背景颜色-CSDN博客
chrome调试工具
F12即可
打开elements元素
左边html右边CSS
扫一扫
879
到【灌水乐园】发言
ha_lydms: 这篇博客让我学习到了很多新的知识，感受到了很棒的内容。我觉得自己受益匪浅！
CSDN-Ada助手: 不知道 OpenCV 技能树是否可以帮到你：https://edu.csdn.net/skill/opencv?utm_source=AI_act_opencv
普通网友: 优质好文，博主的文章细节很到位，兼顾实用性和可操作性，感谢博主的分享，文章思路清晰【我也写了一些相关领域的文章，希望能够得到博主的指导，共同进步！】
CSDN-Ada助手: 恭喜您写了第20篇博客！学习JS初学基础不容易，您的坚持和努力让我深感钦佩。接下来，我建议您可以尝试深入一些高级的JS知识，比如闭包、原型链等，这些内容会让您的博客更加丰富和深入。期待您的下一篇作品！加油！
CSDN-Ada助手: 恭喜你写了第18篇博客！看到你对JavaS的初学心得分享，我感到非常欣慰。希望你能继续坚持创作，不断积累经验和知识。下一步建议可以尝试深入研究JavaS的高级知识，拓展自己的技术视野，相信你会有更多精彩的文章呈现给大家。加油！愿你在学习和写作的道路上越走越远！