网络技术 > CSS设计
css样式常用语法
分类:CSS设计    时间:2014-08-19    浏览:5135次

1、从外部引用css
(1)link标签引用css

(2)@import引用css

2、内部引用css

注意:style标签应该在head标签内部.

3、内联引用css

4、css选择符——css的名字

CSS选择符就是CSS样式的名字,当在HTML文档中表现一个CSS样式的时候,就要用到一个CSS.怎么用呢?这时就通过CSS选择符(CSS的名字)来指定此HTML标签使用此CSS样式.

选择符语法

de <选择符名字de 一个CSS选择符就定义了一个样式
比如下面这三个例子

de dreamdublue和dreamdured都是CSS的选择符,也就是CSS的名字.

选择符取名规则

CSS选择符可以使用英文字母的大写与小写,数字,连字号,下划线,冒号,句号.

英文字母大写与小写 de 数字 de<0-9de<
连字号 de<-de<
下划线 de<_de<
冒号 de<:de<
句号 de<.de<
提示: CSS选择符只能以字母开头.

常用的三种选择符

(我感觉这是初级教程中最难的地方:)

xhtml标签选择符,比如 p标签选择符(代表所有的段落都使用这个CSS样式),比如 de id选择符,唯一性选择符,比如 de<#dreamdured{color:red;}de<,就是在名字前增加了一个de<#de<,id选择符在一个页面中只能出现一次,在整个网站中也最好出现一次(这样有利于程序员控制此元素,有多个一样名称的元素,就无法分开不好控制了).
class选择符,多重选择符,比如de<.dreamdublue{color:blue;}de<,就是在名字前增加了一个de<.de<,class选择符在一个页面中可以出现多次(注意下面的示例中class选择符的用法).
示例
de <de<梦之都xhtml标签选择符de <de<梦之都id选择符de de<梦之都class选择符de de<梦之都class选择符2,出现了多次.de 一个p元素使用了两个class选择符,他们之间用空格分开,而且class选择符可以在一个页面出现多次.

CSS 选择符示例
CSS 选择符示例
选择符用法总结

id与class选择符在CSS与HTML中的用法总结
CSS中的写法 XHTML中的写法
xhtml标签选择符 p{font-size:12px;}

www.dreamdu.com


id选择符 #id_selector{font-size:12px;}
class选择符 .class_selector{font-size:12px;}
Copyright © 2014-2020 XfengNet.COM Inc. All Rights Reserved. 苏ICP备08014032号
返回顶部