Heim > Web-Frontend > HTML-Tutorial > CSS总结(上篇)_html/css_WEB-ITnose

CSS总结(上篇)_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:47:31
Original
1063 Leute haben es durchsucht

CSS介绍

  ☆CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。

  ☆CSS 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示:

 

  ☆选择符:又称选择器,指明网页中要应用样式规则的元素。
  声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示:
p{font-size:12px;color:red;}
注意:
1、最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号。
2、为了使用样式更加容易阅读,可以将每条代码写在一个新行内,如下所示:
p{
font-size:12px;
color:red;
}

  ☆CSS中也有注释语句:用/*注释语句*/来标明,Html中使用

CSS样式的基本知识

  ☆CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。

  一、内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:

这里文字是红色。

  二、嵌入式css样式,就是可以把css样式代码写在标签之间。如下面代码实现把标签中的文字设置为红色:

嵌入式css样式必须写在之间,并且一般情况下嵌入式css样式写在之间。

  三、外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在

内(不是在
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage