从HTML样式移动到CSS样式

目前，我有如下表定义：从HTML样式移动到CSS样式

<table border="1" cellspacing="0" bordercolor="#CEDFEF" cellpadding="1">

我试图把它转换为CSS，使用：

table{border:1px solid #CEDFEF;cellspacing = 0px;cellpadding = 1px}

该表不作为渲染它应该，但是。我究竟做错了什么？

其次，如果我想不将此造型到一个我在特定的表，我该怎么办呢？

来源

2012-01-01 Night Walker

您不能将任何HTML属性“转换”为CSS。要使某些表适用于某些表，而不适用于其他表，请使用类名。 – 2012-01-01 09:05:16

我希望问题在于细胞切片和/或细胞间距。这不是有效的CSS：

cellspacing = 0px;cellpadding = 1px

目前已经有关于一些问题：

Set cellpadding and cellspacing in CSS?

Why are cellspacing and cellpadding not CSS styles

我希望这可以帮助你。

来源

2012-01-01 08:51:48 rkosegi

在这里，您现在就可以有&有一个愉快的一年！

你需要优化CSS的边界，填充和颜色与cellpadding和默认的东西的表格。规范网站中的所有表：

table { 
width: 100%; 
border-collapse: collapse; 
border-bottom:1px solid #e1e1e1; 
border-top:1px solid #e1e1e1; 
margin-bottom: 10px; 
background-color: #FFF; 
} 

table td { 
padding: 4px 10px; 
border-right:1px solid #e1e1e1; 
border-left:1px solid #e1e1e1; 
} 

table th { 
padding: 4px; 
text-align: left; 
border-right:1px solid #e1e1e1; 
border-left:1px solid #e1e1e1; 
font-weight: normal; 
} 

table tr { 
border-left:1px solid #e1e1e1; 
border-top:1px solid #e1e1e1; 
}

并没有共同的样式表只是类添加到表标签（exapmle1）：

table.example1 { 
width: 100%; 
border-collapse: collapse; 
border-bottom:0px solid #e1e1e1; 
border-top:0px solid #e1e1e1; 
margin-bottom: 20px; 
padding-bottom: 20px; 
background-color: #FFF; 
} 

table.example1 td { 
padding: 0px 0px; 
border-right:0px solid #e1e1e1; 
border-left:0px solid #e1e1e1; 
} 

table.exapmle1 th { 
padding: 0px; 
text-align: left; 
border-right:0px solid #e1e1e1; 
border-left:0px solid #e1e1e1; 
font-weight: normal; 
} 

table.example1 tr { 
border-left:0px solid #e1e1e1; 
border-top:0px solid #e1e1e1; 
}

您也可以自定义很多事情更多的类...

并将类添加到td标记为例。

希望这会有所帮助。

来源

2012-01-01 09:00:47 Karls

通常不可能转换表格相关的HTML属性，以保留确切的外观。主要原因是HTML属性在不同的浏览器中有模糊的定义和不同的解释，正如你可以看到的那样。通过在IE和Firefox上查看具有给定属性的页面。在CSS中不可能复制这种浏览器依赖性。

下面的样式表，它假设您的标记有<table class=t>，试图复制表的“典型”或“平均”的渲染与给定的属性：

table.t { 
    border-collapse: collapse; 
    border: outset #CEDFEF 2px; 
} 
table.t th, table.t td { 
    border: inset #CEDFEF 2px; 
    padding: 1px; 
}

这是很少有用的表象HTML转换属性到CSS。当设计新的或完全重写的文档时，最好从所需的外观开始，而不是一些现有或假设的HTML属性。例如，固体边框通常看起来比创建边框或边框的边框要好，并且1px的填充很少合适（通常，您不需要填充或左右两侧有几个像素，顶部和底部都没有）。

一般信息：Mapping presentational HTML to CSS。请参阅部分的Tables小节WHATWG HTML5草稿的呈现。

来源

2012-01-01 13:47:24

这是CSS样式中的另一种方式..！

虽然在html中设计很多表格，我们可以按照这种方式.. !!

希望这是帮助全

在CSS中：

#list 
{ 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
width:100%; 
border:dashed; 
background-color:#CC0099; 
border-bottom:1px dashed; 
border-top:1px dashed; 
border-collapse:collapse; 
}

在主体部分，只是我们可以给名称...！

<table id="list">

来源

2013-05-17 07:39:16 kalpana

从HTML样式移动到CSS样式

回答

相关问题