CSS的三种样式

文本的三种样式

第一种: 行内样式。

行内样式:写在标签里面。
演示如下:

   <p style=" width:50px; height:50px; background: red;">我我我</p>

第二种: 嵌入样式。

嵌入样式:写在 <head></head>里面
演示如下:

<style>
    width: 50px;
    height: 50px;
    background: yellow;
</style>

第三种: 外链样式。

外链样式:首先写在 <head></head>里面链接

  <link rel="stylesheet" href="../css/ys.css"> 

然后在才可以在CSS里面写样式

演示如下:

    width: 50px;
    height: 50px;
    background: yellow;
第一种(行内样式)很麻烦 不好找 建议不要用;
第二种(嵌入样式)排很短的版 可以选择用一下;
第三种(外链样式)简单 明了 建议使用;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。 一、内联式 1、内联式css样...
    一二三开花阅读 4,355评论 0 1
  • CSS:层叠样式表,控制HTML标签的样式,在美化网页中起到非常重要的作用,编写的格式是键值对形式的。CSS有三种...
    行走的苹果哥阅读 8,229评论 0 1
  • 使用CSS样式表的三种方式 1.内联样式 又称为"行内样式","内联样式";特点:将CSS内容定义在HTML标记...
    枫的等待阅读 5,482评论 0 1
  • 1、行间样式 顾名思义就是直接写在div对里面的样式 2、内部样式 把样式写在一对 标签对中 这个标签对是放在h...
    喵希尔伯特阅读 4,502评论 0 1
  • 行内样式表: 优点:书写方便,权重高 缺点:没有实现样式和结构的分离 使用情况:较少 控制范围:控制一个标签(少)...
    木子9268阅读 2,444评论 0 1