Java Web程序设计

CSS---简介

2020-11-08  本文已影响0人  Wovw

CSS是Cascading Style Sheet的缩写,译作“层叠样式表单”,是用于增强网页的显示效果,并允许将样式信息与网页内容分离的一种标记性语言。便于网站代码后期的维护。

在实际开发中,CSS主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。

* 规则:

选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}

选择器用于指定CSS样式作用的HTML对象,花括号内的属性是对该对象设置的具体样式。其中,属性和属性值以“键值对”的形式出现。

* 示例:

div{border:1px solid red;width:600px;height:400px;}

上面的代码就是一个完整的CSS样式。其中,div为选择器,表示CSS样式作用的HTML对象;其中,border属性有3个值“1px solid red;”分别表示该边框为1像素、实心边框线、红色。

在CSS中,通常使用像素单位px作为计量文本、边框等元素的标准量,px是相对于显示器屏幕分辨率而言的。而百分比(%)是相对于父对象而言的。如一个元素呈现的宽度是400px,子元素设置为50%,那么子元素所呈现的宽度为200px。

在CSS中颜色的取值方式有3种:

(1)预定义的颜色值:如red、green、blue等。

(2)十六进制:如#FF0000、#FF6600、#29D794等。实际工作中,十六进制是最常用的定义颜色的方式。

(3)RGB代码:如红色可以用rgb(255,0,0)或rgb(100%,0%,0%)来表示。如果使用RGB代码百分比方式取颜色值,即使其值为0,也不能省略百分号。

上一篇下一篇

猜你喜欢

热点阅读