前端css学习记录

时间:2024-12-20 10:33:20

参考资料:CSS权威指南(第三版)中文版

核心要点:

HTML负责标记文档的结构(HyperText Markup Language),结构化语言。

CSS 负责表现文档的样式(Cascading Style Sheets),样式语言。

思考:html可能被xml取代,之前遇到过一个项目,使用xml显示文本的内容,xml内容经过特定的阅读器读取,会变成一个类似于word类型的文档。文档的内容大部分是一些表格的东西,可以打印出来。负责显示的程序就是一种类似与css解析器的东西。还有一些东西也是这样,使用类似于xml语言来标记文档的结构,用另外的一种语言来负责文档的显示,目前我遇到过的有java中写界面的JavaFx,还有.net里面的WPF。所以使用一种类似于xml语言的语言描述结构,另外一种语言来负责显示,这也是程序的界面发展的一种方向。而HTML和css是一种使用的非常多的组合,经过不断的升级,已经相当的成熟。如果其他相同的编写界面的编程语言要发展,应该会借鉴他们的优点。所以这两个组合还是相当值得去学习,去精通。


2018-10-05 21:09:59补充

之前在查询“VSCode配置python调试环境”资料的时候,翻到了一篇写的非常炫的博客,链接如下:

https://www.cnblogs.com/qdscwyy/p/7756694.html

我觉得炫的原因是因为点击博客前面的提纲的时候可以跳转到后面的内容部分,在一个页面内进行跳转。这几天补html5知识的时候遇到了这个知识点。内容如下:

  id属性还可以用来导航到文档中特定的位置。倘若有个名为example.html的文档中包含一个id属性值为myelement的元素,那么使用example.html#myelement这个URL即可直接导航至该元素。该URL的末尾部分(#加上元素id值)成为URL的片段标识符(fragment identifier)。

参考自《HTML5权威指南》中文版第28页的提示


2018-10-06 12:01:01

css样式如何层叠

浏览器要显示元素时寻找一个 css属性值的次序。这个次序很明确:

1.元素内嵌样式(用元素的全局属性style定义的样式);

2.文档内嵌样式(定义在style元素中的样式);

3.外部样式(用link元素导入的样式);

4.用户样式(用户定义的样式);

5.浏览器样式(浏览器应用的默认样式)。