以下为十一月29日至十二月4日的学习内容,自己根据笔记总结了一下。
近期学习内容:(主要通过黑马程序员进行课程的系统学习)
①初识CSS:CSS是用于美化布局页面的,是层叠样式表的简称(标识语言),可以设置文本内容,图片外形,版面布局和外观显示样式等。特殊之处:在VScode中,代码在<head>中书写。
②基础选择器:
有标签选择器,类选择器,id选择器,通配符选择器等四种选择器,从而选出不同需求的标签。其中标签选择器运用较多,但局限是选择出的是一类标签,而对一类中的单独标签无法设置。类选择器是运用最广泛的,可通过先进行<head>中进行定义,再在<body>中进行调用。针对性强,故更适用。id选择器局限在于,只能使用一次,具有唯一性。
③字体属性:
1.字体系列:指的是字体种类,有微软雅黑、宋体等通过'font-family'来定义。
2.字体大小:用font-size定义。单位:px(像素) 3.字体粗细:用font-weight定义,如bold为粗体,normal为正常默认。但推荐的是选择用数字来对字体的粗细进行调整。如font-weight:400/700等。
4.文字样式:指的其实就是斜体。 5.字体的复合属性:由于对字体多方面设置太过繁复,于是就可通过font:进行总结和简写。
④文本属性:
1.颜色:用color定义,其中颜色对应的表示方法有三种,库里有的,十六进制和rgb的格式。 2.对齐:用text-align定义,分别可进行文本的左中右三种方向的布局。 3.装饰文本:即给文本添加各种线,什么上划线下划线等。其中很重要的一点,就是可对于文本添加超链接的默认下划线进行删除,从而保证页面的整洁和美观。 4.文本缩进:用text-indent进行对文本的首行缩进。可用像素,也可用em(页面中单位文字的大小)。 5.行间距:用line-height定义,调整文本每行间的距离,而行间距指的是上下间距和文本高度的总合。
嘿嘿,这次一口气写了六天的内容,若有不足,请多指正!