发表于: 2019-02-26 23:00:42
1 780
今天完成的事情:
学会了html中如何给一串文本附加超链接、学会了使一段文本在指定的位置分行显示、学会了在html中如何使用注释、了解了css层叠样式表内部的基本语法格式。
明天计划的事情:
弄懂如何将css链接到html文档中,了解css中的class概念(与一些面向对象程序设计语言中的class有没有什么异同?)以及多种的选择器
遇到的问题:
<body></body>标签是在<html></html>标签以内的,目前认识到的其他的标签也都在<body></body>以内,<body>标签的作用是什么?
html的注释像其他一些程序设计语言那样如何跨越一行代码的界限?
CSS的层叠应该怎么理解?既然是层叠,那么什么样的样式会具有最高的优先级?
如何在html文档中导入css样式表?
收获:
制作在文本上跳转的链接(超链接)之前先了解tag的属性,tag的属性为自己提供了更多的信息,且tag的属性出现在一对具备开始和结束tag的中的开始tag上面。一般属性看起来很像一些程序设计语言的赋值语句,形如name="value"。
html链接使用<a></a>tag对,在两个tag之间的是超链接的文字,在开始的标签<a>里面加入一个叫href的属性(英文大概是hyperlink reference的缩写?),形式如下:<a href="en.wikipedia.org"> Click here to go to Wikipedia (English) </a>
<body></body>标签是在<html></html>标签以内的,目前认识到的其他的标签也都在<body></body>以内,<body>标签的作用是什么?
与很多程序设计语言一样,html中也可以使用注释,形式为<!--something here-->。
如果要在一个文本段落中使用换行,则可以使用<br />这样的一个独立的标签。创建空行也可以使用这样的一个标签。
html中有一个style属性,是一种用来定义html样式的方法。使用style属性的方法能够直接把样式添加到html元素,但是有很多定义html样式的tag即将被废弃不再使用。将与样式相关的信息写在一个叫做样式表的独立文件里,然后通过html来引用这个样式表,这种方法是间接的。
CSS指的是层叠样式表(cascading style sheets),定义如何显示html元素,能够提高工作效率。而且所有主流浏览器都支持CSS。CSS解决了新的用来定义html样式的标签和属性不断增多的问题,也使得文档内容和表现分离,修改也更加方便。
每一个css语句都有一个这样的结构:selector {declaration1; declaration2; ...},即为要加工的元素后面大括号里用分号隔开一条条说明。这样的一条条说明也有结构:property: value,即为样式属性和属性的值。值为数字时直接输入,如果是一串字符的话则需要加引号。
这样的语句结构如果不换行一直拉长写下去会使后续的修改变得困难,所以可以在每条说明的分号之后回车换行,最后一半大括号独自占一行。
带着自己的思考来学习东西,虽然目前看起来是比较缓慢,但是自己能够把自己学到的东西搞清楚,知道自己哪里还有不足并且尝试去补足,这也是收获吧。
评论