参考资料: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.浏览器样式(浏览器应用的默认样式)。

前端css学习记录的更多相关文章

  1. HTML与CSS学习记录

    title: HTML与CSS学习记录 toc: true date: 2018-09-10 14:04:59 <HTML与CSS进阶教程读书笔记> HTML基础知识 HTML与XHTML ...

  2. 4.VUE前端框架学习记录四:Vue组件化编码2

    VUE前端框架学习记录四:Vue组件化编码2文字信息没办法描述清楚,主要看编码Demo里面,有附带完整的代码下载地址,有需要的同学到脑图里面自取.脑图地址http://naotu.baidu.com/ ...

  3. 3.VUE前端框架学习记录三:Vue组件化编码1

    VUE前端框架学习记录三:Vue组件化编码1文字信息没办法描述清楚,主要看编码Demo里面,有附带完整的代码下载地址,有需要的同学到脑图里面自取.脑图地址http://naotu.baidu.com/ ...

  4. 2.VUE前端框架学习记录二

    VUE前端框架学习记录二:Vue核心基础2(完结)文字信息没办法描述清楚,主要看编码实战里面,有附带有一个完整可用的Html页面,有需要的同学到脑图里面自取.脑图地址http://naotu.baid ...

  5. 1.VUE前端框架学习记录一

    VUE前端框架学习记录一文字信息没办法描述清楚,主要看编码实战里面,有附带有一个完整可用的Html页面,有需要的同学到脑图里面自取.脑图地址http://naotu.baidu.com/file/f0 ...

  6. 47.前端css学习、登陆页面的制作

    CSS: 有了CSS,html中大部分表现样式的标签就可以不用了 html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁 CSS的引入方式: 内联式引入:直接赋予标签styl ...

  7. 网页前端之CSS学习记录总结篇

    标签: 块级标签block:div, p, h1-h6, ul, ol,li, dl, dt, dd,table,tr等,独占一行,可以设置宽高,默认是父标签的100%:行内标签inline:a,sp ...

  8. pure.css 学习记录

    兼容性记录: IE 8+ Latest Stable: Firefox, Chrome, Safari iOS 6-8 Android 4.x 处理兼容性 <!--[if lte IE 8]&g ...

  9. css学习记录

    1 !important 表示此属性需要优先考虑: <head>    <title>Page Title</title>    <style type=&q ...

随机推荐

  1. 第二篇 Nosql讲解之windows下memcache的安装(一)

    memcached基本概念 1.Memcached是danga的一个项目,最早是LiveJournal服务的,最初为了加速LiveJournal访问速度而开发的,后来被很多大型的网站采用. 官方网站: ...

  2. HTML超链接的使用

    基本语法 <a href="" target="打开方式" name="页面锚点名称">链接文字或图片</a> 属性 ...

  3. 转 SecureCRT 使用X11 转发功能打开图形化窗口

    https://yq.aliyun.com/articles/53308 摘要: 有些时候,有些程序可能需要依赖图形界面才能启动,例如安装Oracle时(其实oracle支持命令行安装),例如需要启动 ...

  4. ViewPager的使用总结

    这两天公司项目一直需要用到ViewPager来显示各式各样的Banner图,因而再次做了一些总结,不全后续应该还会更新的. 1.ViewPager要想做到一个界面显示多个items 有两种方式 ,一种 ...

  5. [android][windows][使用HAXM加速模拟器][不使用SDK manager]

    网上找到了来使用HAXM,可惜我在sdk manager上下载不了,也使用过勾上[fetching...]那个选项,依然无效. 所以自己手动下载来安装和使用. 具体的教程可以参考http://blog ...

  6. nodejs express 设置html后缀模板

    express 框架的默认渲染模板的后缀是 ejs ,由于编译器在ejs的文件里写html代码没有高亮显示,所以使用html模板. 示例: var app = express(); app.set(' ...

  7. 关于php和docker

    Docker在PHP项目开发环境中的应用 http://www.wolonge.com/zhuanlan/detail/117441 Docker在PHP项目开发环境中的应用 http://linux ...

  8. kafka java api生产者

    import java.util.HashMap; import java.util.List;import java.util.Map;import java.util.Properties; im ...

  9. 事件冒泡之cancelBubble和stoppropagation的区别

    事实上stoppropagation和cancelBubble的作用是一样的,都是用来阻止浏览器默认的事件冒泡行为. 不同之处在于stoppropagation属于W3C标准,试用于Firefox等浏 ...

  10. Android 面试总结~~~

    一.面试中的问题 通过这几天的面试,总结了自己在面试过程中问到的问题,部分问题已经给出了答案,还有部分问题,还未有时间整理出来. ListView出现闪图.图片错乱原因解决方案 函数式编程 (Lamb ...