css样式常用设置的表达方式【学习代码笔记】

css样式常用设置的表达方式

1、文字标签中插入css样式：代码举例： FONT style="FONT-SIZE: 25px; COLOR: rgb(0,0,250); LINE-HEIGHT: 1.5em; FONT-FAMILY: 黑体; LETTER-SPACING: 3px; BACKGROUND-COLOR: rgb(0,255,0)"

2、图片标签中插入css样式：代码举例： IMG style="WIDTH: 300px; HEIGHT: 450px" src="http://image17.360doc.com/DownloadImg/2010/11/0321/6510364_2.jpg"

3、段落标签中插入css样式：代码举例：

P style="BORDER-RIGHT: rgb(153,253,255) 4px solid; BORDER-TOP: rgb(153,253,255) 4px solid; BORDER-LEFT: rgb(153,253,255) 4px solid; BORDER-BOTTOM: rgb(153,253,255) 4px solid"

4、块区标签中插入css样式：代码举例：

DIV style="FONT-SIZE: 20px; COLOR: rgb(0,250,0); TEXT-INDENT: 2em"

5、移动标签中插入css样式：代码举例：

MARQUEE style="FONT-SIZE: 25px; BACKGROUND: url(http://image50.360doc.com/DownloadImg/2012/03/1806/22396667_14.jpg); WIDTH: 680px; COLOR: rgb(0,0,250); LINE-HEIGHT: 50px; FONT-FAMILY: 黑体; HEIGHT: 50px"

6、表格标签中应用插入样式：代码举例：

TABLE style="BORDER-RIGHT: rgb(108,204,0) 10px dashed; BORDER-TOP: rgb(108,204,0) 10px dashed; BACKGROUND: url(http://image9.360doc.com/DownloadImg/2010/05/1514/3209485_27.gif); BORDER-LEFT: rgb(108,204,0) 10px dashed; WIDTH: 700px; BORDER-BOTTOM: rgb(108,204,0) 10px dashed; HEIGHT: 50px"

7、多媒体标签中插入css样式：代码举例： EMBED style="LEFT: 0px; WIDTH: 680px; POSITION: absolute; TOP: 20px; HEIGHT: 450px" align=right src=http://www./flash/749/83e52becd533dc817ef330b9628c2fec.swf type=application/octet-stream wmode="transparent" quality="high"

8、用css样式设置背景图片，表达方式举例：（style="BACKGROUND-IMAGE: url(http://image16.360doc.com/DownloadImg/2010/10/2915/6379737_75.gif）。

9、BACKGROUND-REPEAT属性，是规定（如何设置）背景图片的。属值为：repeat时，背景图片在（水平方向与垂直方向）平铺。这是（默认值，）值，可以（缺省）。属值为：repeat-x时，背景图片只在（水平方向）平铺。属值为：repeat-y时，背景图片只在（垂直方向）平铺。属值为：no-repeat时，背景图片（不）平铺，也就是只（显示一次）。

10、边框中背景图片的设置：代码举例：（TABLE borderColor=#e1e1e1 cellSpacing=12 cellPadding=0 width=880 align=center background=http://image76.360doc.com/DownloadImg/2014/07/0300/43104679_64.jpg border=1）（TBODY）（TR）（TD）

11、表格中背景颜色的设置代码：代码举例：（TABLE borderColor=#e23433 cellSpacing=5 borderColorDark=#000000 cellPadding=0 width="100%" bgColor=#288a6 borderColorLight=#e1e1e1 background=http://image76.360doc.com/DownloadImg/2014/07/0300/43104679_64.jpg border=1）（TBODY）（TR）（TD width="100%"）