- 可可科科
-
body { /*设置body整体样式*/
background-color: #DCDCDC; /*背景色*/
font-family: Arial, Helvetica, sans-serif;/*字体*/
font-size: 12px;/*字体大小*/
line-height: 24px;/*文字行高*/
color: #336699;/*字体颜色*/
}
td, th { /*设置所有表格中td th样式 以下属性同body一样解释*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 24px;
color: #333333;
}
a { /*设置链接样式*/
color: #3366CC;
text-decoration: none; /*无下划线*/
}
form { /*表单样式*/
background-color: #CCCC99;
}
.title { /*设置类名为title的元素样式 */
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 30px;
background-color: #006666;
color: #DCDCDC;
}
.subtitle {/*设置类名为subtitle的元素样式 */
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
font-weight: bold; /*字体粗细*/
color: #006666;
}
.header {/*设置类名为header的元素样式 */
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
background-color: #006666;
color: #DCDCDC;
}
.nav { /*设置类名为nav的元素样式 */
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #CCCCCC;
}
.navLink { /*设置类名为navLink的元素样式 */
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #DEDECA;
}
.sidebar { /*设置类名为sidebar的元素样式 */
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
padding: 3px; /*内补白为3像素*/
background-color: #FFFFFF;
}
.sidebarHeader { /*设置类名为sidebarHeader的元素样式 */
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
background-color: #339999;
}
.sidebarFooter { /*设置类名为sidebarFooter的元素样式 */
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
background-color: #CCCCCC;
}
.footer { /*设置类名为footer的元素样式 */
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 22px;
color: #333333;
background-color: #CCCCCC;
}
.legal { /*设置类名为legal的元素样式 */
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333333;
}
.box1 { /*设置类名为box1的元素边框样式 */
border-color: #CCCCCC #333333 #333333 #CCCCCC; /*边框的上 右 下 左依次对应的颜色*/
border-width: medium; /*边框粗细*/
border-style: ridge; /*边框风格*/
}
.promo { /*设置类名为promo的元素样式 */
font-family: "Times New Roman", Times, serif;
color: #000033;
}
.titlebar { /*设置类名为titlebar的元素样式 */
font-family: "Times New Roman", Times, serif;
font-size: 9px;
color: #FFFFFF;
background-color: #336699;
}
.dingbat { /*设置类名为dingbat的元素样式 */
font-family: Arial, Helvetica, sans-serif;
background-color: #99CC99;
color: #006666;
font-weight: bolder;
font-size: medium;
}
a:hover { /*设置当鼠标移上时候的链接样式 */
text-decoration: underline;
}
input.big { /*设置input元素中类名为big的样式 */
width: 100px; /*宽*/
}
input.small { /*设置input元素中类名为small的样式 */
width: 50px;
}
- 大牌网络
-
楼主如果还有哪句不懂 ,可以hi我
body {
background-color: #DCDCDC; //整个页面的背景颜色
font-family: Arial, Helvetica, sans-serif; //整个页面的字体类型
font-size: 12px; //整个页面的字体大小
line-height: 24px; //整个页面的行高
color: #336699; //整个页面的字体颜色
}
td, th {
font-family: Arial, Helvetica, sans-serif; //所有表格td,th的字体
font-size: 12px; //所有表格td,th的字体大小
line-height: 24px; //所有表格td,th的的行高
color: #333333; //所有表格td,th的字体颜色
}
a {
color: #3366CC; //所有链接的字体颜色
text-decoration: none;/所有链接的下划线为无
}
form {
background-color: #CCCC99; //所有表单的背景颜色
}
.title {
font-family: Arial, Helvetica, sans-serif; //所有类名为title的字体类型
font-size: 24px;//所有类名为title的字体大小
line-height: 30px;//所有类名为title的行高
background-color: #006666;//所有类名为title的背景颜色
color: #DCDCDC;//所有类名为title的字体颜色
}
下面大部分的样式都和上面的一样,只是类名不一样,就不做详解,lz可以一一对照
.subtitle {
font-family: Arial, Helvetica, sans-serif; //所有类名为subtitle的字体类型
font-size: 16px;
line-height: 22px;
font-weight: bold;//所有类名为subtitle的字体粗细
color: #006666;
}
.header {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
background-color: #006666;
color: #DCDCDC;
}
.nav {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #CCCCCC;
}
.navLink {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #DEDECA;
}
.sidebar {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
padding: 3px;//所有类名为sidebar的内边距
background-color: #FFFFFF;
}
.sidebarHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
background-color: #339999;
}
.sidebarFooter {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
background-color: #CCCCCC;
}
.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 22px;
color: #333333;
background-color: #CCCCCC;
}
.legal {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333333;
}
.box1 {
border-color: #CCCCCC #333333 #333333 #CCCCCC; //所有类名为box1的边框上、右、下、左的颜色
border-width: medium;//所有类名为box1的边框宽度
border-style: ridge;//所有类名为box1的边框类型
}
.promo {
font-family: "Times New Roman", Times, serif;
color: #000033;
}
.titlebar {
font-family: "Times New Roman", Times, serif;
font-size: 9px;
color: #FFFFFF;
background-color: #336699;
}
.dingbat {
font-family: Arial, Helvetica, sans-serif;
background-color: #99CC99;
color: #006666;
font-weight: bolder;
font-size: medium;
}
a:hover {
text-decoration: underline; //当有鼠标悬停在链接上时 链接字是有下划线/
}
input.big {
width: 100px; //所有类名为big的input的宽度为100px
}
input.small {
width: 50px;/ /所有类名为small的input的宽度为50px
}
答题的时候,才一个人回答了,提交答案,竟然一下有好几个回答了,希望楼主可以理解了!
- 里论外几
-
body {
background-color: #DCDCDC; /*背景色*/
font-family: Arial, Helvetica, sans-serif;/*字体*/
font-size: 12px; /*字体大小*/
line-height: 24px;/*行间距 20像素*/
color: #336699;/*颜色*/
}
/*表格*/
td, th {
font-family: Arial, Helvetica, sans-serif;/*字体*/
font-size: 12px;/*字体大小*/
line-height: 24px;/*行间距 20像素*/
color: #333333;/*颜色*/
}
/*超链接*/
a {
color: #3366CC;/*颜色*/
text-decoration: none;/*没有下划线*/
}
/*表单*/
form {
background-color: #CCCC99;/*背景色*/
}
/*.**都是自己定义的类 */
.title {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 30px;
background-color: #006666;
color: #DCDCDC;
}
.subtitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
font-weight: bold; /*粗体*/
color: #006666;
}
.header {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
background-color: #006666;
color: #DCDCDC;
}
.nav {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #CCCCCC;
}
.navLink {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #DEDECA;
}
.sidebar {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
padding: 3px;/*内边距*/
background-color: #FFFFFF;
}
.sidebarHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
background-color: #339999;
}
.sidebarFooter {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
background-color: #CCCCCC;
}
.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 22px;
color: #333333;
background-color: #CCCCCC;
}
.legal {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333333;
}
.box1 {
border-color: #CCCCCC #333333 #333333 #CCCCCC;/*边框颜色*/
border-width: medium;/*边框宽度*/
border-style: ridge;/*边框样式*/
}
.promo {
font-family: "Times New Roman", Times, serif;
color: #000033;
}
.titlebar {
font-family: "Times New Roman", Times, serif;
font-size: 9px;
color: #FFFFFF;
background-color: #336699;
}
.dingbat {
font-family: Arial, Helvetica, sans-serif;
background-color: #99CC99;
color: #006666;
font-weight: bolder;
font-size: medium;
}
/*结束.**都是自己定义的类 */
/*鼠标经过的样式 */
a:hover {
text-decoration: underline;/*有下划线的*/
}
/*只在表单里的input下好用.big是自己定义的类*/
input.big {
width: 100px;/*宽度*/
}
/*只在表单里的input下好用*/
input.small {
width: 50px;/*宽度*/
}
- meira
-
body {定义网页主体属性
background-color: #DCDCDC;背景色
font-family: Arial, Helvetica, sans-serif;字体
font-size: 12px;字体大小
line-height: 24px; 线高,想知道什么意思,你改下数字呗,来个10你看看
color: #336699;字体颜色
}
td, th {定义单元格属性,下面类似属性就不说了,同上
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 24px;
color: #333333;
}
a {定义a标签属性
color: #3366CC;字体颜色
text-decoration: none;文字无下划线
}
form {定义表单
background-color: #CCCC99;背景色
}
.title {属性同上
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 30px;
background-color: #006666;
color: #DCDCDC;
}
.subtitle {其他属性同上
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
font-weight: bold;字体加粗
color: #006666;
}
.header {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
background-color: #006666;
color: #DCDCDC;
}
.nav {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #CCCCCC;
}
.navLink {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #DEDECA;
}
.sidebar {其他属性同上
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
padding: 3px;内部距离,你想知道效果,3改成10
background-color: #FFFFFF;
}
.sidebarHeader {属性同上
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
background-color: #339999;
}
.sidebarFooter {属性同上
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
background-color: #CCCCCC;
}
.footer {属性同上,这个定义的一般是网页底部,版权那块的
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 22px;
color: #333333;
background-color: #CCCCCC;
}
.legal {属性同上
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333333;
}
.box1 {
border-color: #CCCCCC #333333 #333333 #CCCCCC;边框颜色,
border-width: medium;边框宽度中等
border-style: ridge;边框样式,突起
}
.promo {属性同上
font-family: "Times New Roman", Times, serif;
color: #000033;
}
.titlebar {属性同上
font-family: "Times New Roman", Times, serif;
font-size: 9px;
color: #FFFFFF;
background-color: #336699;
}
.dingbat {属性同上
font-family: Arial, Helvetica, sans-serif;
background-color: #99CC99;
color: #006666;
font-weight: bolder;
font-size: medium;
}
a:hover {
text-decoration: underline;鼠标悬停时,文本有下划线
}
input.big {
width: 100px;宽度
}
input.small {
width: 50px;宽度
}
真想知道都是做什么的,你就改改他的属性,差距大点,1下你就明白了
- 苏州马小云
-
建议你看学习一下DIV+CSS。
{margin: 0; //设置外边距为零
padding: 0; //设置内边距为零
font-family: "Open Sans"; //设置字体为“Open Sans”
}
h1 {
color: #fff; 设置h1字体颜色为白色
text-align: center; 设置文字左右居中对齐
font-weight: 300;设置问题粗细为300
}
#slider {
position: relative; 相对定位
overflow: hidden; 子元素溢出隐藏
- 北境漫步
-
body { /*控制整个页面body*/
background-color: #DCDCDC; /*设置背景颜色*/
font-family: Arial, Helvetica, sans-serif; /*设置字体*/
font-size: 12px; /*设置字号*/
line-height: 24px; /*设置行高*/
color: #336699; /*设置字体颜色*/
}
- 好投
-
....你想怎么翻译??
是不是每个出现过的属性都告诉你效果?