学习CSS(制作第二个作业过程)

本文介绍了CSS的基本知识,包括内联式、外部式和优先级的概念,详细解释了如何使用类选择器、通用选择器和伪类选择符。作者分享了在CSS布局、按钮样式和首行缩进方面的学习计划。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

随便写写

做完了第一个作业后,假期还有一些,我也没什么其他事可做(不想去看高数hhhhhhh),于是打开慕课,进行CSS的学习,让我丑陋的作业变得正常一点点

缓慢的学习过程

先输入<style type="text/css">,然后按照规范操作,为了方便阅读,每条代码写在新行内,即"{ “后不能有代码,需写到下一行,同理”}" 前也不能有代码。
在{}里输入自己想要html中哪块内容变换的样式,如:p{ font-size:20px; color:red; font-weight:bold; }
这几行代码就是把字的大小变为20px,颜色为红色,以及字体加粗。

再记录一下css样式基本知识
1.内联式:写在元素的开始标签
如:<span style="color:blue">哈哈哈哈</span>
2.外部式(也可称为外联式):是把css代码写一个单独的外部文件中,以.css为拓展名,然后使用<link>标签将css样式文件链接到HTML文件内,然后rel=“stylesheet” type=“text/css” 是固定写法不可修改。
以我的理解,外部式就是在外面装了个遥控器
3.优先级
内联样式表(标签内部)>嵌入样式表(当前文件中)>外部样式表(外部文件中)
权值相同时,处于后面的CSS样式会被应用
4.什么是权值呢,标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100

接下来说下选择器
选择器分很多种,我熟悉的有标签、类、ID、通用和伪类选择符,还有不太熟练,需返回学习的有子选择器和包含选择器
类选择器非常常用,只需加个. ,然后在. 后面输入有意义的字符,就OK了
还有是通用选择器,不行搞花里胡哨的就用这个吧,所有样式都统一了,加个*就好了,简单方便
我比较喜欢的是伪类选择符,鼠标滑过会变换颜色,我觉得这个挺有意思,输入a: hover,然后写样式,并不复杂

这篇博客就到这里吧,下一篇我计划记录自己学习CSS布局模型、按钮样式、首行缩进和Sublime的快捷键总结

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值