table边框

css样式 文字与文字样式:单位与颜色、text、font p{ font-size:12px; color:blue; font-weight:bold;} css样式常用单位： px; 像素 em：1em一个字符 行高（自动适应用户所使用的字体） %：百分比 1.颜色 red,blue,green 颜色名： http://www.w3school.com.cn/cssref/css colors legal.asp rgb(x,x,x) RGB值 每个颜色分量取值0-255 红色：rgb(255,0,0) 灰色：rgb(66,66,66) rgb(x%,x%,x%) RGB百分比值 0%-100% 红色：rgb(100%,0%,0%) rgba(x,x,x,x) RGB值，透明度 a值：0.0（完全透明）与1.0（完全不透明） 红色半透明：rgba（255,0,0,0.5） #rrggbb 十六进制数 红色:#ff0000 红色：#f00 去掉重复位 2.文本 color 文本颜色 red #f00 rgb(255,0,0) letter-spacing 字符间距 2px -3px line-height 行高 14px 1.5em 120% text-align 对齐 center left right justify text-decoration 装饰线 none

CSS三大特性 css层叠性 层叠性是指多种css样式的叠加。 是浏览器冲突的一个能力，如果一个属性通过两个相同选择器设置到同一个元素上，那么这个会将另一个属性层叠掉 一般情况下，如果出现样式冲突，则会按照css书写顺序，以最后的样式为准 样式冲突，遵循的原则是就近原则。那个样式离着结构近，就执行那个样式。 样式不冲突，不会层叠 css继承性 所谓继承性是指书写CSS样式表时，子标签会继承父标签的某些样式，如文本颜色和字号。想要设置一个可继承的属性,只需将它应用于父元素即可。 简单的理解就是:子承父业。 注意： 恰当地使用继承可以简化代码，降低CSS样式的复杂性。子元素可以继承父元素的样式(text-, font-,，1ine-这些元素开头的都可以继承，以及co1or属性) css优先级 定义CSS样式时，经常出现两个或更多规则应用在同一元素上,这时就会出现优先级的问题。 在考虑权重时，初学者还需要注意一些特殊的情况， 具体如下: 继承样式的权重为0。即在嵌套结构中，不管父元素样式的权重多大，被子元素继承时，他的权重都为0，也就是说子元素定义的样式会覆盖维承来的样式。 行内样式优先。应用sty1e属性的元素，其行内样式的权重非常高，可以理解为远大于100。总之，他拥有比上面提高的选择器都大的优先级。 权重相同时，CSS遵循就近原则。也就是说靠近元素的样式具有最大的优先级

CSS盒子模型 盒子模型主要是有margin(外边距)、border(边框)、padding(内边距)、content(内容)组成，这些属性我们可以把它转移到我们日常生活中的盒子上来理解，日常生活中所见的盒子也就是装东西的箱子，也具有这些属性，所以叫它盒子模型 其中content(内容)又可以有两个元素width(宽)和height(高) CSS边框样式 可以使用border-style来设置边框的样式，也可以分别来设置上下左右的样式： border-top-style border-left-style border-right-style border-bottom-style 边框样式有很多种，可以定义很多，比如单边框，虚线的边框，实线的边框，双边框，还有没有边框的边框。 分别都可以用border-style属性的上下左右后面接上，下表的值 值 描述 none 定义无边框 hidden 与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。 dotted 定义点状边框。在大多数浏览器中呈现为实线。 dashed 定义虚线。在大多数浏览器中呈现为实线。 solid 定义实线。 double 定义双线。双线的宽度等于 border-width 的值。 groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。 ridge 定义

　　在传统的HTML文档 中，我们使用表格（table）来创建文本周围的边框，但是通过使用 CSS 边框属性，我们可以创建出效果出色的边框，并且可以应用于任何元素。元素的边框（border）就是围绕元素内容和内边据的一条或多条线，元素外边距（margin）内就是元素的的边框 (border)。每个边框有 3 个方面：宽度（border-width)、样式(border-style)，以及颜色(border-color)。下图中标注的蓝色部分为元素的边框： 一、边框与背景 　　 CSS 规范指出，边框绘制在“元素的背景之上”。这很重要，因为有些边框是“间断的”（例如，点线边框或虚线框），元素的背景应当出现在边框的可见部分之间。CSS2 指出背景只延伸到内边距，而不是边框。后来 CSS2.1 进行了更正： 元素的背景是内容、内边距和边框区的背景。 大多数浏览器都遵循 CSS2.1 定义，不过一些较老的浏览器可能会有不同的表现。 二、border-style 　　 border-style属性用来设置边框的样式，样式是边框最重要的一个方面，这是因为如果没有样式，将根本没有边框。CSS 的 border-style 属性没有默认值，它定义了包括none在内的dashed、 dotted 和 double等10个非 inherit 样式值。例如，把一幅图片的边框定义为 outset

讲解一、 元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。 CSS border 属性允许你规定元素边框的样式、宽度和颜色。 CSS 边框 在 HTML 中，我们使用表格来创建文本周围的边框，但是通过使用 CSS 边框属性，我们可以创建出效果出色的边框，并且可以应用于任何元素。 元素外边距内就是元素的的边框 (border)。元素的边框就是围绕元素内容和内边据的一条或多条线。 每个边框有 3 个方面：宽度、样式，以及颜色。在下面的篇幅，我们会为您详细讲解这三个方面。 边框与背景 CSS 规范指出， 边框绘制在“元素的背景之上”。 这很重要，因为有些边框是“间断的”（例如，点线边框或虚线框），元素的背景应当出现在边框的可见部分之间。 CSS2 指出背景只延伸到内边距，而不是边框。后来 CSS2.1 进行了更正：元素的背景是内容、内边距和边框区的背景。大多数浏览器都遵循 CSS2.1 定义，不过一些较老的浏览器可能会有不同的表现。 边框的样式 样式是边框最重要的一个方面，这不是因为样式控制着边框的显示（当然，样式确实控制着边框的显示），而是因为如果没有样式，将根本没有边框。 CSS 的 border-style 属性定义了 10 个不同的非 inherit 样式 ，包括 none。 例如，您可以为把一幅图片的边框定义为 outset，使之看上去像是“凸起按钮”： a

进击のpython 前端学习——CSS盒子模型 在前面的时候也说过，包括分析网页结构的时候，提到了，网页就其实就是一个一个盒子叠起来的 那现在就是有装饰的盒子，难度就变得深刻 所以说为了能够让你更好地理解，在说盒子模型之前，我要先向你介绍一下标签 对！就是html里面的那些标签 标签分类 在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(也叫行内元素)和内联块元素 html标签甚至有好几百个，我们之前学习大约有30个标签，你所看到的很多大型网站我们都能通过这些标签来搭建我们网站结构 那么这么多标签，显然是比较没有规律的，那么我们就来对这些常用的标签进行分类，了解了每类标签的特点之后，我们才能更好的对网站进行布局 块状元素 <div>、<p>、<h1>~<h6>、<ol>、<ul>、<li>、<dl>、<dt>、<table>、<form> 内联元素 <a>、<span>、<i>、<em>、<strong>、<label> 内联块元素 <input>、<img> 那么把网页中常用的标签进行分类之后，那么这三类标签分别有什么特点呢？ 标签类别 特点 块状元素 1.独自占据整一行 2.可以设置宽高 内联元素 1.所有的内联元素在一行内显示 2.不可以设置宽高 行内块元素 1.在一行内显示 2.可以设置宽高 注意：标签分类的特点是对现有的HTML常用标签进行分类

table表格中的边框会重叠到一起，使用标签中的border-collapse属性就可以了 <table border-collapse="collapse" > <tr><th>内容（标题）</th><th>内容（标题）</th><th>内容（标题）</th></tr> <tr><td>内容</td><td>内容</td><td>内容</td></tr> <tr><td>内容</td><td>内容</td><td>内容</td></tr> </table> 使用border-collapse之后就能够清除掉重复的边框。 合并table表格的方法 纵向合并：colspan + 合并数目 横向合并：rowspan + 合并数目 1.纵向合并是指合并指定数目的列。 2.横向合并是指合并指定数目的行。 3.其中合并的数目是你要合并的总数目减一。 4.都是td标签中的属性。 写法: <tr><td colspan="2" rowspan="2"></td></tr> 来源： https://my.oschina.net/u/2618715/blog/3104295

============================ day1 ============================= 一、相关概念 internet: 国际互联网，全球最大的网络。 WWW(web)：internet中的一类服务，如图片、新闻、视频。 URL地址：网址 http://www.taobao.com http://localhost:8080/apex 协议：网络中通信 必须遵守的规范。 http协议：web服务中 必须遵守的规范。 域名（机器名/IP地址）：标识 网络中的一台主机。 网页：web服务中提供的 一个数据文件。 静态网页：内容固定不变。 动态网页：内容自动更新、因人因时而异。 HTML：Hype Text Markup Language 超文本标记语言 用于 制作 静态网页内容。 二、基本语法 1、后缀 .html .htm 2、由三部分构成： html head body 3、由标签组成 <html> </html> 标签成对出现，允许嵌套。 <html> <head> </head> <body> </body> </html> 标签中可以有属性(定义在开始标签中)： <body 属性名="值" bgcolor="red"> 标签可以有标签体内容：<body>标签体内容</body> 其中 标签体内容，可以是 文字内容/图片，也可以是

Table 表格在没有添加 css 样式之前，是没有边框的。这样不便于我们后期 合并单元格 知识点的讲解，所以在这一节中我们为表格添加一些样式，为它添加边框。 在右侧代码编辑器中添加如下代码： <style type="text/css"> table tr td,th{border:1px solid #000;} </style> 上述代码是用 css 样式代码（ 后面章节会详细讲解 ），为 th ， td 单元格添加粗细为一个像素的黑色边框。 结果窗口显示出结果样式： 实例： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>为表格添加边框</title> <style type="text/css"> table tr td,th{border:1px solid #000;} </style> </head> <body> <table summary=""> <tr> <th>班级</th> <th>学生数</th> <th>平均成绩</th> </tr> <tr> <td>一班</td> <td>30</td> <td>89</td> </tr> <tr> <td>二班</td> <td>35</td>

<html> <head> <title>网页标题</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />元数据标签（编码格式，关键字和内容描述） </head> <body> <h1></h1>文章标题 <p></p>段落 <hr/>水平线 <br/>换行 <strong>内容加粗</strong> <em>内容倾斜</em> <img src="图片地址" title="鼠标悬停显示内容" alt="地址错误显示内容" width="宽" height="高"/> </body> </html> 标签分类： <标签名>内容</标签名> <标签名 属性名="属性值" 属性名="属性值"/> 规范要求： 标签名小写，属性名小写，属性值加引号，（属性和属性，标签名之间有空格） 必须有闭合标签，正确嵌套，子标签注意缩进 注意 ：所有符号必须是英文环境下的符号 特殊符号： &文字； 空格 ：  > ： > < ： < 版权符号 ：© 引号 ：" ----------------------------------------------------- 相对路径： 相对于当前html页面所在地址 例如： c:/demo/first.html中<img src="pic.jpg"/>