以下为5日至7日的学习内容,自己根据笔记总结了一下。
近期学习内容:(主要通过黑马程序员进行课程的系统学习)
①CSS的引入方式:
样式表分为三种:行内样式表、内部样式表和外部样式表。
其中内部样式表是将CSS代码写入html文件中的,但其位置处于的是<head>标签中,其中会另创一个<style>标签作为存储,方便控制,但并未实现代码和结构的完全分离。行内样式表是将CSS代码直接在<body>标签中进行书写。而外部样式表则是被运用最多的,会单独于html文件另建一个CSS文件用来放置CSS代码。这样的好处就是,可以更灵活地提取代码,完全分离更利于实际的修改操作。
②chrome调试工具的使用:通过该调试工具,我们可以更清晰地调节网页布局,方便直观感受代码对布局的影响。也可以更快速检查出代码的使用情况和错误。
③emmet语法:使用各种缩写,提高输入代码的速度。包括快速生成html和CSS语法。
其中html包括生成标签,即输入标签名后直接tab键就可以生成前后两个标签格式;而生成多个标签只用在原来的标签后面输入*键和数字即可实现;而对于具有相互关系的两种标签,包含关系标签只需在两标签中输入>即可,而并列关系输入+;对于生成带有类名和id名的标签,可以写.demo或者#two即可(默认的是div标签);而生成带数字的类名(类增),在后面加上$*数字即可实现数字递增的效果。
CSS生成标签:简略,只用输入开头的字母即可找到相关的标签。而对于设置width的格式,只用书写:w100即可,表示设置宽度100px的照片。
这就是我三天的学习内容。若有不足,请多指正!