刘神奇的前端学习日记 2022.8.19

125 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第5天,点击查看活动详情 >>

2022.8.19

今天学习了菜鸟教程中CSS和CSS3部分并完成了CSS测验,错题纠正如下:

1.     color:用来改变某个元素的文本颜色;

2.     可使所有p元素变为粗体的正确语法是p {font-weight:bold};

3.     text-transform:capitalize能够使使文本以大写字母开头;

4.     border-width:10px 1px 5px 20px 边框数据显示为上边框、右边框、下边框和左边框;

5.     CSS3 使用text-shadow: 5px 5px 5px grey;添加文本阴影;

6.     matrix() 方法把所有 2D 转换方法组合在一起 ,matrix() 方法需要六个参数,包含数学函数,允许您旋转、缩放、移动以及倾斜元素;

7.     box-shadow 支持所有浏览器;

8.     -moz 代表 firefox 浏览器私有属性,为了兼容老版本的写法;

9.     font-size 值可以是绝对大小,也可以是相对大小;

10.   id选择器用于为唯一的一个元素指定样式;

11.   margin:0 auto;可以使盒子居中,text-align:center;可以使此盒子内的内联元素居中;

12.      CSS 中导入样式表的正确语法是@import-style url(css/example.css);

13.     text-transform:capitalize使文本中的每个单词都以大写字母开头;

14.   p[lang~=”fr”] 选择 lang 属性中包含 “fr” 字样的所有段落元素。


       CSS的部分主要还是需要依靠实操,单纯地阅读教材内容体会不到其语法带来的改变。熟练使用CSS能够为我的HTML添加各种绚丽的样式,在视觉效果上大大增加了HTML页面的可读性。同时由于CSS的出现,能够大大提升开发网页的效率。但是目前来说我对CSS的理解还非常浅显,这是理论知识和实践操作都没有跟上的表现,由此可知CSS作为我后期学习的重点,是需要投入大量精力的。