摘要: 本文根据在慕课网的学习笔记整理。在清楚了CSS 盒模型的基本概念、 盒模型类型后, 可以深入探讨网页布局的基本模型。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS ... 阅读全文
posted @ 2015-02-04 17:16 omigia 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 本文根据在慕课网的学习笔记整理。盒子模型:边界+边框+填充+内容边界元素与其它元素之间的距离可以使用边界(margin)来设置。边界也是可分为上、右、下、左。如下代码:div{margin:20px 10px 15px 30px;}//也可以分开写:div{ margin-top:20px; ... 阅读全文
posted @ 2015-02-04 15:39 omigia 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 本文根据在慕课网的学习笔记整理。元素分类在讲解CSS布局之前,我们需要提前知道一些知识。在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:、、...、、、、、、 、常用的内联元素有:、、、、、、、、、、常用的内联块状元素有:... 阅读全文
posted @ 2015-02-04 14:37 omigia 阅读(325) 评论(0) 推荐(0) 编辑
摘要: 本文根据在慕课网的学习笔记整理。 文字排版--字体body{font-family:"Microsoft Yahei";}body{font-family:"微软雅黑";}//兼容性更好文字排版--字号、颜色body{font-size:12px;color:#666}文字排版--粗体p span{... 阅读全文
posted @ 2015-02-04 11:16 omigia 阅读(135) 评论(0) 推荐(0) 编辑
摘要: 问题:因为是标题是英文结尾的,不能自动换行,导致有部分不能显示。界面拉伸到最大也不能全部显示,下边的正文是可以自动换行的。原因:连续长文字英文如果没空格不换行,中文自动换行。解决:word-break:break-all样式里面加这个就可以了。如:aaaaaaaaaaaaaaaaaaaaaaaaaa... 阅读全文
posted @ 2015-02-03 16:51 omigia 阅读(431) 评论(0) 推荐(0) 编辑
摘要: 本文根据在慕课网的学习笔记整理。继承CSS的某些样式是具有继承性的,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。p{color:red;}//p中的文本与... 阅读全文
posted @ 2015-02-03 10:05 omigia 阅读(292) 评论(0) 推荐(0) 编辑
摘要: 本文根据在慕课网的学习笔记整理。什么是选择器?每一条css样式声明(定义)由两部分组成,形式如下:选择器{ 样式; }//样式包括类属性和值标签选择器标签选择器其实就是html代码中的标签。如、、、、。例如下面代码:p{font-size:12px;line-height:1.6em;}类选择器1、... 阅读全文
posted @ 2015-02-03 09:41 omigia 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 本文根据在慕课网的学习笔记整理。CSS简介全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。例子:p{ font-size:12px; color:red; font-weight... 阅读全文
posted @ 2015-02-03 00:05 omigia 阅读(142) 评论(0) 推荐(0) 编辑
摘要: .mytable{width:500em;table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */}.mytable td{width:100%;word-break:keep-all;/* 不换行 */white-space:nowrap;... 阅读全文
posted @ 2015-01-30 15:02 omigia 阅读(145) 评论(0) 推荐(0) 编辑
摘要: Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Submission(s): 137169 Accepted Submission(s): 31787 Problem Des... 阅读全文
posted @ 2014-05-23 14:06 omigia 阅读(183) 评论(0) 推荐(0) 编辑