CSS的基本语法

CSS样式规则

css规则有两部分组成:选择器,声明
——选择器:设置样式的元素;
——声明:由属性和值构成(后面有一个;),声明在一对{ }内;
选择器{属性:值;属性:值;}
——属性:用来设置样式;
——值:属性显示效果的参数。
注释:/*注释语句*/
如:

<style text/css>
p,h1,h2,h3···{ font-size:30px;}/*相同属性可以写在一起*/
p{  color:blue<br>;
     font-family:"隶书";
  }
h1{ background-color:yellow;}
</style>

CSS使用方法

  • 行内样式(内联样式)
  • 内部样式表(嵌入样式)
  • 外部样式
  • 导入式

1.行内样式:再开始标签内添加style样式属性。
如:<p style="color:red; font-size:30px;">内容</p>
2.内部样式:把css样式代码写在style标签内。

<style type="text/css">
样式代码
</style>

说明:<style>放在<head>之间。
3.外部样式:把css样式写在一个独立的文件中,文件扩展名为(文件名.css)。
<link href="XX.css" rel="stylesheet" type="text/css"/>
说明:<link>放在<head>之间。
4.导入式:使用@import导入"外部CSS样式"。
@import "文件名.css"
@import url("文件名.css")
说明:放在<style>标签内。
5.使用链入外部样式的好处
(1) css和html分离
(2)多个文件可使用同一个样式表
(3)多文件使用同一个css文件,只需下载一次

css使用方法优先级

行内样式 > 内部样式 > 链入外部样式 = 导入式
说明:若优先级相同,遵循就近原则,即后面覆盖前面。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,347评论 19 139
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 最近在看html基础,好吧,写点笔记,比较low见谅,反正我自己看懂就行了 CSS基础 1、css简介 casca...
    小龙是只猫阅读 3,671评论 0 1
  • 马克思曾说,唯有爱情和咳嗽无法掩饰。 一个人如果真的爱你,心里装的都是你,他总是会忍不住地想找你聊天,听你说话,揣...
    d5c8cba3dc9b阅读 1,514评论 0 0
  • 1 action编写的三种方式(1) 创建普通类,这个不继承任何类,不实现任何接口 (2) 创建类,实现接口Act...
    常威爆打来福阅读 4,455评论 0 3