Heim >Web-Frontend >HTML-Tutorial >第 12 章 CSS 入门_html/css_WEB-ITnose

第 12 章 CSS 入门_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:19:281008Durchsuche

学习要点:

1.使用 CSS

2.三种方式

3.层叠和继承

 

主讲教师:李炎恢

 

本章主要探讨 HTML5 中 CSS(层叠样式表),它是用来对 HTML 文档外观的表现形式进行排版和格式化。

 

一.使用 CSS

CSS 样式由一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个 CSS 属性和属性值。

<p style="color:red;font-size:50px;">这是一段文本</p>

解释:style 是行内样式属性。color 是颜色属性,red 是颜色属性值;font-size是字体大小属性,50px 是字体大小属性值。

 

二.三种方式

创建 CSS 样式表有三种方式:1.元素内嵌样式;2.文档内嵌样式;3.外部引入样式。

 

1.元素内嵌样式

<p style="color:red;font-size:50px;">这是一段文本</p>

解释:即在当前元素使用 style 属性的声明方式。

 

2.文档内嵌样式

<style type="text/css"> <br />p {  color: blue; font-size: 40px;}</style><p>这是一段文本</p>

解释:在

元素之间创建
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn