今天开始了新的篇章,开始学习CSS了,在昨天html的结尾中浅谈了一下CSS的三种样式,今天开始我们进行关于CSS的系统性的学习,CSS的外链是在文档中建立一个.css的文件通过link标签链接
这就是外部链接。
常用的CSS样式有文字的颜色,宽高,背景,文字的大小,文字所在的位置,文字的大小默认是16px,当然我们也可以设置文字的文体,比如仿宋,隶书,楷书等等。
当然除了文字还有盒子,那么什么是盒子呢。盒子在前端页面中是应用最广泛的,在一个页面中前端工程师会通过盒子进行定位,比如框定某段内容只能在盒子范围内调整距离位置等等,也是为了页面的整洁方便人们的使用,所以盒子也有它的CSS样式,比如宽高,边框的粗细,盒子的背景颜色等等。
如图所示border就是盒子边框的样式可以单独设置也可以单独设置,1px是指这个盒子边框线的粗细程度。
CSS中除了这些还有别的么,当然是有的,还有一个选择器,那么可能就有人要问了CSS选择器是个什么东西,CSS选择器是为了方便我们在给标签加入样式时与其他用标签出现同样的效果,比如要给两个p标签中的文字添加两个不同点颜色,那么这个时候如果我们直接用p这个标签名就会导致两个标签出现同一个颜色效果,这时候就需要用到选择器来帮助我们了,直接用标签是一种,第二种是我们通过起个类名进行提取给其设置样式,第三种是id选择器,给其设置一个id名进行提取然后设置样式,标签选择器的权重值是最低的,其权重值只有1,类名选择器的权重值是10,id选择器的权重值是三个选择器中最大的是100,那么有人可能会问还有没有比id选择器权重值还大的呢,当然是有的,还记得style标签么,style标签叫做内联样式,权重值是1000,当然也不重要,css选择器中一直在用的是前面三个,内联一般不会用。
这就是我今天一天的所学,希望对学习前端和网安的小白有所帮助,大佬勿喷,以上纯属个人见解,如果有任何说的不对的,万望见谅。