当前位置：首页 -> 网页设计 -> HTML/CSS -> CSS入门教程之CSS的语法

CSS入门教程之CSS的语法

时间： 2021-07-31 作者：daque

1.基础语法　　　　css的设置是由三个局部形成：采用符（selector），属性（properties）和属性的取值（value）。　　基础方法如次：　　selector { property: value} 　　（采用符 { 属性：值}）　　采用符是不妨是多种情势，普遍是你要设置款式的html标志，比方body、p、table……，你不妨经过此本领设置它的属性和值，属性和值要用冒号隔绝：　　body { color: black} 　　采用符body是指页面主体局部，color是遏制笔墨脸色的属性，black是脸色的值，此例的功效是使页面中的笔墨为玄色。　　　　即使属性的值是多个单词构成，必需在值上加引号，比方字体的称呼常常是几个单词的拉拢：　　p { font-family: "sans serif"} 　　（设置段落字体为sans serif）　　　　即使须要对一个采用符指定多个属性时，咱们运用分号将一切的属性和值划分：　　p { text-align: center; color: red} 　　（段落居中陈设；而且段落中的笔墨为赤色）　　　　为了使你设置的款式表简单观赏，你不妨沿用分行的抄写方法：　　p 　　{ 　　text-align: center; 　　color: black; 　　font-family: arial 　　} 　　（段落陈设居中，段落中笔墨为玄色，字体是arial）　　 2.采用符组　　　　你不妨把沟通属性和值的采用符拉拢起来抄写，用逗点将采用符划分，如许不妨缩小款式反复设置：　　h1, h2, h3, h4, h5, h6 { color: green } 　　（这个组里囊括一切的题目元素，每个题目元素的笔墨都为绿色）　　p, table{ font-size: 9pt } 　　（段落和表格里的笔墨尺寸为9号字）　　功效实足等效于：　　p { font-size: 9pt } 　　table { font-size: 9pt } 　　 3.类采用符　　　　用类采用符你不妨把沟通的元素分门别类设置各别的款式，设置类采用符时，在自定类的称呼前方加一个点号。假设你想要两个各别的段落，一个段落向右对齐，一个段落居中，你不妨先设置两个类：　　p.right { text-align: right} 　　p.center { text-align: center} 　　而后用不在各别的段落里，只有在html标志里介入你设置的class参数：　　<p class="right"> 　　这个段落向右对齐的　　</p> 　　<p class="center"> 　　这个段落是居中陈设的　　</p> 　　提防：类的称呼不妨是大肆英文单词或以英文发端与数字的拉拢，普遍以其功效和功效扼要定名。　　　　类采用符再有一种用法，在采用符中简略html标志名，如许不妨把几个各别的元素设置成沟通的款式：　　.center { text-align: center} 　　（设置.center的类采用符为笔墨居中陈设）　　如许的类不妨被运用就任何元素上。底下咱们使h1元素（题目1）和p元素（段落）都归为“center”类，这使两个元素的款式都伴随“.center”这个类采用符：　　<h1 class="center"> 　　这个题目是居中陈设的　　</h1> 　　<p class="center"> 　　这个段落也是居中陈设的　　</p> 　　提防：这种简略html标志的类采用符是咱们经后最常用的css本领，运用这种本领，咱们不妨很简单的在大肆元素上套用预先设置好的类款式。

CSS入门教程之CSS的语法

相关推荐

推荐下载

热门阅览

最新排行