发表于： 2019-10-25 22:24:46
1 934
一、今天完成的事情
早上先装Webstorm，一开始安装的2019.2.3版本，但是因为找不到相应的破解包，所以重新装了2018.1版本，https://blog.csdn.net/xr510002594/article/details/81488461，可以参考这里的，相应的安装包也都有。
这个设置任务二可能会用到
css基础知识：
简单属性选择器：
class属性：
class属性允许向一组在class属性上具有相同值的元素应用声明。BODY内的所有元素都有CLASS属性。从本质上讲，可以使用CLASS属性来分类元素，在样式表中创建规则来引用CLASS属性的值，然后浏览器自动将这些属性应用到该组元素。
类选择器以标志符（句点）开头，用于指示后面是哪种类型的选择器。对于类选择器，之所以选择句点是因为在很多编程语言中它与术语“类”相关联。翻译成英语，标志符表示“带有类名的元素”。
ID属性
ID属性的操作类似于CLASS属性，但有一点重要的不同之处：ID属性的值在整篇文档中必须是唯一的。这使得ID属性可用于设置单个元素的样式规则。包含ID属性的选择器称为ID选择器。
需要注意的是，ID选择器的标志符是散列符号（#）。标志符用来提醒浏览器接下来出现的是ID值。
STYLE属性
尽管在选择器中可以使用CLASS和ID属性值，STYLE属性实际上可以替代整个选择器机制。不是只具有一个能够在选择器中引用的值(这正是ID和CLASS具有的值)，STYLE属性的值实际上是一个或多个CSS声明。
通常情况下，使用CSS，设计者将把所有的样式规则置于一个样式表中，该样式表位于文档顶部的STYLE元素内（或在外部进行链接）。但是，使用STYLE属性能够绕过样式表将声明直接放置到文档的开始标记中。
组合选择器类型
可以将类型选择器、ID选择器和类选择器组合成不同的选择器类型来构成更复杂的选择器。通过组合选择器，可以更加精确地处理希望赋予某种表示的元素。例如，要组合类型选择器和类选择器，一个元素必须满足两个要求：它必须是正确的类型和正确的类以便使样式规则可以作用于它。
外部信息：伪类和伪元素
在CSS1中，样式通常是基于在HTML源代码中出现的标记和属性。对于很多设计情景而言这种做法完全可行，但是它无法实现设计者希望获得的一些常见的设计效果。
设计伪类和伪元素可以实现其中的一些效果。这两种机制扩充了CSS的表现能力。在CSS1中，使用伪类可以根据一些情况改变文档中链接的样式，如根据链接是否被访问，何时被访问以及用户和文档的交互方式来应用改变。借助于伪元素，可以更改元素的第一个字母和第一行的样式，或者添加源文档中没有出现过的元素。
伪类和伪元素都不存在于HTML；也就是说，它们在HTML代码中是不可见的。这两种机制都得到了精心设计以便能够在CSS以后的版本中做进一步地扩充；也就是说实现更多的效果。
css盒子模型：
css盒子模型就是css框模型，Box Model。盒子模型规定了元素框处理元素内容，内边距，边框和外边距的方式。在html文档中，每个元素都有盒子模型，所以说在web世界里（特别是页面布局），盒子模型无处不在，
晚上把任务一做完了。
二、明天要做的事情
继续巩固任务一的知识点，尽量把任务二做完
三、遇到的困难
任务一的知识点掌握的不是很牢固，还需要加强联系
四、收获
基本做完了任务一，对于在html文件中加入css样式，或者说是加入css的类，学会了怎么使用，学会了webstorm软件的简单使用，对于元素和属性的概念更加理解，收获还是挺大的
返回列表
评论