CSS介绍

作者: hyt222 | 来源:发表于2017-06-29 08:52 被阅读0次

1. CSS

CSS = 层叠样式表 Cascding Style Sheet

HTML 表达结构, CSS 表达样式。

样式和内容 / 结构是分离的。(CSS 根本概念)

CSS 就是 HTML 标记当中用来给出样式,有不同的作用范围。

2.如何在 HTML 页面中加入 CSS

做一个外部的 CSS 文件,链接到 HTML 页面当中。

<link rel="stylesheet" type="text/css" href="mystyle.css">

在头部 <head></head> 中做一个 <style></style> 标记,定义一系列 CSS 规则,这些规则在这个 HTML 页面可以使用。

在单个 HTML 标记里头加入 style 属性,属性里面加入 CSS 的样式,标记的结构(内容)如何显示。

3.基本样式

基本样式包含名字和值。background-color:yellow; 中间用冒号分隔,结尾加分号表示这个样式结束了,后面可再加别的样式。

如果作为内嵌在 HTML 标记当中的属性。<p style="background-color:yellow;"> 这个段落遵循这个样式(谁离得最近听谁的)。

如果放在头部 <head></head> 之间,<style></style> 之间放入 p{background-color:gray;} 表示所有段落的样式(全局)。接下来首先使用内嵌的标记中讲解样式,最后再看全局的规则。

chrome浏览器显示效果

相关文章

  • 前端开发 之 CSS入门

    文章简要:CSS介绍DIV+CSS的优点CSS 语法CSS新建格式 CSS入门 CSS介绍 CSS(Cascadi...

  • 学习CSS,这些内容你都知道了吗?

    CSS介绍 引入css样式表方法 CSS选择器 CSS常用属性 CSS介绍: CSS全称是(Cascading S...

  • css介绍

    1 css的全称是什么? css的全称是层叠样式表(Cascading Style Sheet) 2 css有几种...

  • CSS介绍

  • CSS介绍

    1. CSS CSS = 层叠样式表 Cascding Style Sheet HTML 表达结构, CSS 表达...

  • CSS介绍

    CSS简介 CSS基础选择器 CSS字体属性 CSS文本属性 CSS的引入方式 CSS简介 CSS是层叠样式表(C...

  • CSS 介绍

    什么是 CSS CSS 是 Cascading Style Sheets(层叠样式表)的缩写。CSS 用来指定HT...

  • CSS介绍

    1、CSS定义的规则 选择器{属性1 : 属性值1; 属性2 :属性值2; 属性3 :属性值3;} 实例: 2、C...

  • 测开:css学习1

    http://css.cuishifeng.cn/ css在线操作手册 css介绍和引用 1.1、CSS 概述 ...

  • CSS相关汇总

    CSS命名规范 CSS基础知识 CSS优化技巧 CSS的继承关系 CSS的选择器关系介绍

网友评论

      本文标题:CSS介绍

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