web学习笔记

天猫首页实践项目http://how2j.cn/frontshowLandingByKnowledge?knowledge.id=854&p=2286

css样式

  • 外部样式:<link rel="stylesheet" type="text/css" href="./xx/css.css" />

  • 内部样式:在<head>标签里面,<style type="text/css"> p {color:red;font-size:12px;} </style>

  • 内联样式:<p style="color:red; background:blue;font-size:12px;">了不起的盖茨比</p>

内联式适用情况:局部特殊化

嵌入式适用情况:统一标签样式格式

外联式适用情况:方便代码重用和管理
内联>嵌入>外联

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 上一篇文章主要讲了stylelint的简单实用,这里续了一片关于规则什么的详细点的文。 这篇文章主要是对style...
    点柈阅读 11,431评论 0 4
  • 最近呢,公司在准备新项目的开发,前期开始准备很多将来用到的东西,前两天刚在研究vue.js,有空补上一篇文章讲讲我...
    点柈阅读 9,633评论 0 5
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • Ionic的前后端简单交互与打包 前言:这篇文章同样是新手专用,对于一个像我一样的前端渣新来说,看看还可以,大神的...
    点柈阅读 10,937评论 8 9
  • 没想到自己可以画出来,看别人的感觉都好复杂! 画了一下午,明天要赶飞机,今天明天的画都出炉啦。
    bobo啊bobo阅读 1,139评论 0 0

友情链接更多精彩内容