HTML类似于一个楼房的毛坯、骨架,CSS类似于楼房里的装饰、装修。
js最底层,css其次,html属于上层。
1px表示设备上的一个像素点
在HTML5里面,width属性默认单位是px,所以不加也可以,但是最好要加上

行内样式表(inline style sheet)

直接定义在标签的style属性中。

  • 作用范围:仅对当前标签产生影响。

例如:

<img src="/images/mountain.jpg" alt="" style="width: 300px; height: 200px;">

内部样式表(internal style sheet)

定义在style标签中,通过选择器影响对应的标签。

定义一遍,可以应用到页面内的多个元素。

  • 作用范围:可以对同一个页面中的多个元素产生影响。

外部样式表(external style sheet)

定义在css样式文件中,通过选择器影响对应的标签。可以用link标签引入。

  • 作用范围:可以对多个页面产生影响。

注释

注意不能使用//。
只有:

/* 注释 */

CSS 样式定义方式相关推荐

  1. 学习总结:CSS(一)定义方式、选择器、选择器权重

    一.CSS的定义方式 1.内部样式:<style></style> 2.行间样式:<div style="width:100px;height:100px;&q ...

  2. 前端开发审查元素时CSS样式有个横线(该CSS样式定义后无效) 的解决办法

    问题概述 关于这个问题,博主是在前端开发,样式调试的时候遇到的, 进行盒模型,CSS Debugger调试时,遇到样式设值后不可用的情况! 如下图: 解决办法 左看右看,上看下看,最终发现是前面在编码 ...

  3. html 三种插入css样式的方式

    三种插入css样式的方式 一.外链式引入css样式 二.内嵌式使用css样式 三.行内式引入css样式 一.外链式引入css样式 在head标签中使用<link rel="styles ...

  4. 徐志摩题要求:•使用外部引入CSS样式的方式为网页设置样式 •标题使用<h3>标签,其他文本均放在段落标签<p>中 •使用标签选择器设置标题h3的字体颜色为#ddf111 •使用ID选择器设置p段

    徐志摩题要求: •使用外部引入CSS样式的方式为网页设置样式 •标题使用<h3>标签,其他文本均放在段落标签<p>中 •使用标签选择器设置标题h3的字体颜色为#ddf111 • ...

  5. css样式引入方式,及常用设置标签样式

    一. 三种样式引入方式 1. 内联式-直接写在div标签中,不推荐用 <div style="color:red;font-size:20px;font-family:'Microso ...

  6. CSS样式引入方式和部分CSS样式的设置

    一.三种引入方式以及其应用场景 1.行间样式,当样式非常少.在一组选择器内需要优先样式,缺点是不是人看的代码样式,影响布局结构的视觉效果 a.写在起始标签的style属性里,各样式之间用": ...

  7. JS设置CSS样式的方式

    用JS来动态设置CSS样式,常见的有以下8种方式 1. 直接设置style的属性  某些情况用这个设置 !important值无效 如果属性有"-"号,就写成驼峰的形式(如text ...

  8. html 中设置样式方式,在html元素中设置css样式的方式是什么

    如果我们要在HTML元素中设置CSS样式,那么我们就需要在元素中设置"id" 和 "class"选择器. (推荐教程:CSS教程) 下面我们来分别说一下id选择 ...

  9. html的三种样式定义方式:外部样式表;内部样式表;内联样式表

    html.css.javascript是网页中的三个基础,他们分别是数据.样式.行为. css样式分为三种 style.html <!--作者:948228952@qq.com时间:2015-0 ...

  10. 引入CSS样式的方式

    1.内嵌样式(行内样式):直接将CSS样式语言作为style属性值,写在html标签里. <div style="color=red; ">行内样式 </div& ...

最新文章

  1. 吴恩达老师深度学习视频课笔记:循环神经网络
  2. VR/AR行业发展至今,它的市场规模如何
  3. idea mybatis generator插件_Mybatis使用自定义插件去掉POJO的Getter和Setter方法
  4. MySQL sysdate()函数 不走索引的问题
  5. Tomcat 6 数据源配置
  6. java Thread sleep 和obj.wait,以及sychronized,minor源码
  7. pytest单侧模块_入门汇总
  8. 关于Tensorflow安装opencv和pygame
  9. 计算机杀毒记录表格,11科室计算机杀毒登记表
  10. 利尔达携手紫光展锐重磅发布5G R16模组,领跑5G To B新纪元
  11. LMS.SYSNOISE.v5.6\
  12. SI4438系列模块调试
  13. 计算机网络:网络安全(电子邮件安全)
  14. excel合并多个工作表_如何批量合并Excel文件和工作表 - Excel合并器使用教程
  15. 解决vscode没有文件图标(亲测有效)
  16. 分页第一页用0还是1_洗脸用冷水还是热水好?这些错误只要犯1个,你的脸就白洗了!...
  17. mysql load 导入csv或者unl 如果文件跟表的字段不一致的情况
  18. 黑镜第一至二季/全集Black Mirror迅雷下载
  19. 贴片电阻电容系列值(0805,0603)
  20. stressapptest使用介绍

热门文章

  1. Lenovo联想G460无电池ThinkPad强制刷新BIOS的方法,非电池补丁
  2. 【python】Python报错:RecursionError: maximum recursion depth exceeded in comparison
  3. word打开文档很久很慢_打开Word文档出现假死或超慢的原因及解决方法
  4. 应用交付学习笔记三-BIG-IP LTM健康检查
  5. 基于MPlayer的QT媒体播放器
  6. 8、两种典型微处理器介绍
  7. 《哈佛通识教育红皮书》 哈佛委员会著
  8. 单件模式(Singleton Pattern
  9. 防火墙之Iptables与Firewalld
  10. ANR问题分析实例 logcat anr trace