html p1标签 大小 2,二阶段day2-HTML标签与CSS样式

一、表单标签

男

女

其他

已婚

未婚

篮球

足球

乒乓球

羽毛球

排球

网球

点我啊~

二、下拉菜单和多行文本域

成都

重庆

北京

上海

广州

成都

雅安

德阳

绵阳

自贡

郑州

安阳

你好。。

三、div和span标签

aaa

bbb

aaaaaaa

bbbbbbb

四、CSS基础

/*这儿写的代码是CSS代码*/

p{

/*设置文字颜色*/

color: green;

}

h1{

/*设置背景颜色*/

background-color: sandybrown;

/*设置字体大小*/

font-size: 20px;

}

百度一下

我是一个段落

我是一个标题

我是一个段落2

五、CSS选择器

/*元素选择器*/

p{

color: darkcyan;

}

/*id选择器

* 选中id值是p3的所有的标签

*/

#p3{

background-color: silver;

}

/*class选择器

* 选中class值是p2的所有标签

*/

.p2{

background-color: yellow;

}

/*群组选择器*/

.p2, #p3{

color: red;

}

/*父子选择器*/

div div a{

font-size: 50px;

}

*{

color: black;

}

百度一下3

我是段落1

我是段落11

百度一下2

我是段落2

我是段落3

我是段落4

百度一下1

六、伪类选择器

/*初始状态*/

a:link{

color: darkgoldenrod;

}

/*访问后的状态*/

a:visited{

color: seagreen;

}

/*鼠标悬停状态*/

a:hover{

color: red;

/*font-size: 30px;*/

}

/*鼠标按住不放时对应的状态*/

a:active{

color: yellowgreen;

}

/*2*/

.p11{

color: blue;

}

/*1+4=5*/

/*div #p1{

color: deeppink;

}*/

/*4*/

#p1{

color: salmon;

}

/*4*/

#p1{

color: green;

}

/*1*/

p{

color: red;

}

/*1*/

a,p{

color: yellow;

}

/*1+1=2*/

div p{

color: purple;

}

/*1+4+4=9*/

body #d1 #p1{

color: red;

}

我是段落1

第一章

第二章

第三章