随便写写
做完了第一个作业后,假期还有一些,我也没什么其他事可做(不想去看高数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的快捷键总结