css表格,继承,边距

文本域textarea属性:

resize:none;  文本域不可拉动

继承性:

与文字有关的一般会继承下去.

CSS表格:

border-spacing:20px;  设置边框内的距离:

table { border-collapse: separate; border-spacing: 10px; }

border-collapse:collapse  合并相邻边:

边距:

 1 <!doctype html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <style>
 6      #div1{
 7       width:700px;
 8       height:400px;
 9       background-color:#ccc;
10       margin:0 auto;
11       border:2px solid #0ff;
12      }
13      #div2{
14       width:200px;
15       height:200px;
16       background-color:#f00;
17       margin:100px auto;
18      }
19         </style>
20 </head>
21 <body>
22   <div id="div1">
23     <div id="div2">
24     </div>
25   </div>
26     </body>
27     </html>
时间: 2024-11-07 00:53:34

css表格,继承,边距的相关文章

总结css表格,边框,轮廓,盒子模型,边距

css表格:border-collapse     是否把表格边框合并为单一边框 separate/collapse.border-spacing     设置分隔单元格边框的距离 num.caption-side     表格标题的位置 Top/bottom.empty-cells     设置是否显示表格中的空单元格 hide/show.table-layout     设置显示单元.行和列的算法.automatic: 列宽度由单元格内容设定默认.fixed: 列宽由表格宽度和列宽度设定.i

HTML 学习笔记 CSS(表格)

CSS 表格属性可以帮助您极大的改善表格的外观 表格边框 如需在CSS中设置表格的边框 请使用border属性. 在下面的例子中table th 以及td设置了蓝色边框. table, th, td { border: 1px solid blue; } ??上例中的表格具有双线条边框 这是由于table th td元素都具有独立的边框 如果 你想要把表格显示为单线条框 请使用border-collapse属性 折叠边框 border-collapse属性设置是否将表格的边框折叠为单一边框 ta

CSS3学习笔记-1:CSS样式继承

自己在写css时总会遇上css样式继承的问题,好在一般问题不大,但一直也不明白css样式继承的规则,最近发现了一篇文章讲的不错,因此转载过来: 所谓CSS的继承是指被包在内部的标签将拥有外部标签的样式性质.继承特性最典型的应用通常发挥在整个网页的样式预设,需要指定为其它样式的部份设定在个别元素里即可.这项特性可以给网页设计者提供更理想的发挥空间.但同时继承也有很多规则,应用的时候容易让人迷惑 CSS的一个主要特征就是继承,它是依赖于祖先-后代的关系的.继承是一种机制,它允许样式不仅可以应用于某个

css表格中的border-spacing

border-spacing:10px表示表格单元格之间增加10px的空间,另外在边界周围也会增加10px的空间.而且表格的这10px的空间不会与div的外边距折叠,它会直接累加,如果与表格相邻的div 的外边距为10px,那么这个表格和这个div 之间的空隙达10+10=20px. HTML表格与CSS表格是不同的,CSS表格显示只是使用一种类似表格的布局来表现这个结构中的内容,HTML表格面向的是表格数据,也就是应当有表结构的数据.所以,使用CSS表格显示只是创建某种表现布局的一种方法,而H

css样式继承(转)

来源 : http://www.yesky.com/356/1830356.shtml 感谢分享 编者:所谓CSS的继承是指被包在内部的标签将拥有外部标签的样式性质.继承特性最典型的应用通常发挥在整个网页的样式预设,需要指定为其它样式的部份设定在个别元素里即可.这项特性可以给网页设计者提供更理想的发挥空间.但同时继承也有很多规则,应用的时候容易让人迷惑,donger今天就专门和大家聊聊这方面的应用. 正文 CSS是层叠样式表(Cascading Style Sheets)的简称,它的规范代表了互

CSS的继承与优先级

CSS样式继承性 body,div,p{} html文档可以上图的种种节点树的形式表示,css层叠样式表中的各元素也有这种对应关系 <body>是文档中最大的根节点,body中的所有元素都是body的后代元素 从各元素的关系上分析:各元素之间有如下几种关系: E F 后代关系 E>F 父子关系 E,F (E,可以是任意的元素类型,可以跨级) E+F 相邻关系 详细说明: HTML文档是一种树状的结构.各元素之间有一定的层级关系.这种关系同样反映在CSS中. CSS中,内层元素将继承外层元

CSS系列:CSS的继承与层叠特性

1. CSS的继承特性 所有的CSS语句都是基于各个标记直接的继承关系,CSS继承是指子标记会继承父标记的所有样式风格,并可以再父标记样式风格的基础上再加以修改,产生新的样式,而子标记的样式完全不会影响父标记. CSS的继承贯穿整个CSS设计的始终,每个标记都遵循着CSS继承的概念. 示例: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css&qu

第七十五节,CSS表格与列表

CSS表格与列表 学习要点: 1.表格样式 2.列表样式 3.其他功能 一.表格样式 表格有五种独有样式,样式表如下:             属性               值                   说明              CSS版本       border-collapse        边框样式    相邻单元格的边框样式                         2        border-spacing       长度值        相邻单元格边

关于css问题继承、权值问题

关于css问题: 一.Css的继承 .codeClass{color:#000000;} <p class="codeClass"><span>你好</span>世界</p> Span继承了,来自codeClass的color.也就是说,子元素会从父元素继承属性,当然不是所有的CSS属性都有继承性,文本属性(color.font.line-height.text-align.text-decoration.other)是具有继承性的,而自