CSS介绍

2017-06-29  本文已影响0人  hyt222

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浏览器显示效果
上一篇 下一篇

猜你喜欢

热点阅读