Maison > interface Web > tutoriel CSS > le corps du texte

css样式

高洛峰
Libérer: 2016-11-24 10:08:11
original
1384 Les gens l'ont consulté

css 层叠样式表   Cascading Style Sheets
 
• 一般说来所有样式有下面的规则(第四个最有优先性)
1. Browser default
浏览器默认 
2. External style sheet
外部样式表 
3. Internal style sheet (inside the tag)
内嵌样式表(在标签内) 
4. Inline style (inside an HTML element)
行内样式(在一HTML元素内)
 
外部样式表能够让你改变所有出现在你WEB中的外观和布局,而仅仅通过编辑一个单独的CSS文档.(原理就是一动多变)
 
CSS的语法由三部分组成: 一个选择器,一个属性和一个值,例如:
selector {property: value}
 
选择器是需要去定义的元素或标签
 
如: body{color:red} 把标签body的 color 属性 定义成 red
 
如果值为多个单词则用双引号括起来
如:p {font-family: "sans serif"}
 
如果指定多个属性 就必须将每个属性用分号隔开
如:p {text-align:center;color:red}
 
每个HTML元素只能有一个类属性


可用p.right {text-align: right} 修饰左右class属性为right 的p元素或者标签
 
如果用.right{text-align: right} 则修饰所有class属性为right的元素或者标签,就没有特指一类标签或者元素的意思了。
 
id 选择器
 


css中可以用
 
#属性 {}  修饰所有 id 属性为 相同的元素或者标签 与class类似 一个是用 . 一个是用 #
class id 的 属性名字不能 以数字开头 不然无法在Mozilla/Firefox正常运作
 
css的注释/* */
 
三种方法可以插入样式表
• 外部样式表(External Style Sheet)
 
标签在head区域使用
 

• 内嵌样式表(Internal Style Sheet)
 
使用 

• 行内样式(Inline Styles)

在相关的标签上用style属性来加入行内样式。样式属性可以包含任何CSS属性。例子中将展示怎样给一个段落加上左间距并将颜色改为red

This
is a paragraph


Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal