CSS样式表

作用

css的出现简化了html页面修改样式的方法,方便,简单了html中标签内容样式的修改而且美观, 方便维护了修改

定义方法

选择器{属性:属性值 ;}

css选择器

  1. 标签选择器样式
    定义了某种标签显示的样式,对使用这种标签的地方都有效
    <style>
    标签{属性:属性值;}
    </style>
    引用
    <div></div> 如果css中定义了div标签的的样式, 则使用了这种样式

  2. 类别选择器样式
    类别选择器使用需在标签内使用 class 引用,用使用同一种class的标签有效
    定义方法:在类名前面加点
    <style>
    .类名{属性:属性值;}
    </style>
    引用
    <div class="标签名">

  3. id选择器样式
    id选择器定义的css 只对使用了这个id的标签有效
    定义:在id名称前面加#
    <style>

id{属性:属性值;}

</style>
引用
<div id="id"></div>
由于id相同的标签在html中只有一个, 所有id选择器样式只能只用一次

css引入方式

  1. 行内样式
    在html标签内写样式, 对这一行有效,如<div style="属性:属性值;">
  2. 内嵌式
    在页面中使用<stype></style>将css包含在页面中
  3. 链接式
    将css单独定义在一个css文件中
    引用的时候使用<link>标记引用,如<link rel='stylesheet' herf='path' type='text/css'>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,703评论 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,448评论 1 45
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,224评论 19 139
  • 从小就觉得跟别家的孩子不一样,至于哪里不一样又说不出来,反正去到哪里,跟邻居的哪个小朋友玩,都会被视为异类。也总免...
    禅舞觉知的妙阅读 2,586评论 0 0
  • public class MyFibonacci { private static class GenerateT...
    aja_xi阅读 2,761评论 0 2

友情链接更多精彩内容