CSS代码翻译

发布网友发布时间：2022-04-21 15:39

共5个回答

热心网友时间：2022-05-23 14:03

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;
}

热心网友时间：2022-05-23 14:04

楼主如果还有哪句不懂，可以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
}

答题的时候，才一个人回答了，提交答案，竟然一下有好几个回答了，希望楼主可以理解了！

热心网友时间：2022-05-23 14:04

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;/*宽度*/
}

热心网友时间：2022-05-23 14:05

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下你就明白了

热心网友时间：2022-05-23 14:05

建议你看学习一下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; 子元素溢出隐藏

热心网友时间：2022-05-23 14:03

热心网友时间：2022-05-23 14:04

热心网友时间：2022-05-23 14:05

热心网友时间：2022-05-23 14:06

全部栏目

CSS代码翻译