美文网首页
HTML CSS学习笔记1

HTML CSS学习笔记1

作者: 硬件老郭 | 来源:发表于2021-01-17 22:09 被阅读0次

    CSS 层叠次序

    当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?

    一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。

    浏览器缺省设置

    外部样式表

    内部样式表(位于 <head> 标签内部)

    内联样式(在 HTML 元素内部)


    LiveStyle插件的一直没有正常过,放弃!

    安装 browser-sync  用于调试html  css

    官方中文网站   内有详细说明

    安装之后在项目路径下   shift 打开powershell 输入

    browser-sync start --server --files "css/*.css, *.html"

    注意!!!  html网页 必须是Index.html  否则会出现  cannot  get 的错误页面

    正确打开后是这样:

    现在修改右侧 或者左侧 就会同步!


    Bootstrap

    Bootstrap中文网

    (Web框架)

    <p style="font-family:times;color:green">

    This text is in Times and green</p>

    Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。 [1] 国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。 [2]

    相关文章

      网友评论

          本文标题:HTML CSS学习笔记1

          本文链接:https://www.haomeiwen.com/subject/hgciaktx.html