美文网首页
CSS的基本语法

CSS的基本语法

作者: 李丹linda | 来源:发表于2017-11-29 21:49 被阅读0次

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使用方法优先级

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

相关文章

  • css基本语法与页面应用

    1、csss基本语法和页面引用 css基本语法 css页面引用方法 2、css文本设置 3、css颜色表示法

  • 前端 (2)

    css基本语法及页面引用 css基本语法 css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} ...

  • CSS扫盲

    1、css基本语法 css的基本语法格式与python中的dict类型有点类似:{ 属性:值; 属性:值; 属性:...

  • PHP从入门到精通,018第三章CSS之CSS的基本语法(DAY

    二、CSS基础 (一)、CSS基本语法: CSS样式表由语法规则组成,由多个语法规则组成样式表 一个CSS语法规则...

  • css

    css基本语法及页面引用 css基本语法 css的定义方法:选择器{属性:值;属性:值;属性:值;}选择器是将样...

  • CSS

    CSS基本语法及页面引用 CSS基本语法 css定义的方法是:选择器{属性:值;属性:值;}选择器是将样式和页面元...

  • less语法和Rem,媒体查询适配方案

    Less基础语法介绍 作用: 维护CSS, 按照CSS的基本语法去写.https://less.bootcss.c...

  • CSS 预处理器 sass,less,stylus优缺点

    CSS 预处理器 基本语法 Less 的基本语法属于「CSS 风格」 Sass、Stylus 相比之下激进一些,利...

  • 「CSS」语法

    CSS 简介 CSS 引入方法 CSS 语法 浏览器私有属性 属性值语法基本元素组合符号数量符号CSS 规则示例 ...

  • CSS基本语法

    CSS是用来控制HTML标签的样式,在美化网页中起到非常重要的作用,CSS的编写格式是键值对形式的,比如color...

网友评论

      本文标题:CSS的基本语法

      本文链接:https://www.haomeiwen.com/subject/kzipbxtx.html