CSS学习2-各种标签设置1

来源：互联网发布：如何安装平面设计软件编辑：程序博客网时间：2024/06/06 01:19

/*--------------------------------------------------背景设置--------------------------------------------------*/

body
{
background-color:#b0c4de;/*颜色*/

background-image:url('test.jpg');/*图片*/

background-repeat:no-repeat;/*图片是否重复显示：就是一张不够铺满，就重复铺,no-repeat/repeat*/

background-attachment：fixed;/*图片是否对页面滚动*/
/*scroll:背景图片随页面的其余部分滚动。这是默认;fixed:背景图像是固定的;inherit:指定background-attachment的设置应该从父元素继承*/

background-position:right top;/*图片位置*/

/*!也可以这样background:#ffffff url('img_tree.png') no-repeat right top;*/

}

/*---------------------------------------------------文本---------------------------------------------------*/
/*颜色-三种方式*/
p {color:red;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

/*对齐方式*/
h1 {text-align:center;}
h2.date {text-align:right;}
p.main {text-align:justify;}/*当text-align设置为"justify"，每一行被展开为宽度相等，左，右外边距是对齐（如杂志和报纸）。*/

/*修饰*/
/*加一条横线，指明位置*/
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
p {text-decoration:underline;}

/*转换-大小写*/
h1.uppercase {text-transform:uppercase;}
h2.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}/*首字母大写*/

/*缩进*/
p {text-indent:50px;}/*文本缩进属性是用来指定文本的第一行的缩进。*/

/*---------------------------------------------------字体---------------------------------------------------*/
/*字体系列设置文本的字体系列*/
p{font-family:"Times New Roman", Times, serif;}

/*字体样式*/
h1.normal {font-style:normal;}/*正常显示文本*/
h2.italic {font-style:italic;}/*以斜体字显示的文字*/
p.oblique {font-style:oblique;}/*文字向一边倾斜*/

/*字体大小*/
h1 {font-size:40px;}
h2 {font-size:30px;}
p {font-size:10px;}

阅读全文

0 0