经过一天的学习,把慕课网的HTML/CSS基础知识学完了,笔记整理:1. 文件结构: HTML文件的固定结构: ... ... html是根标签 head定义文档头部,包含: title, script, style, link, met...
分类:
Web程序 时间:
2015-02-06 09:24:28
阅读次数:
143
学习来源:慕课网http://www.imooc.com/view/240先看效果图↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓HTML结构 1 2 3 4 Shadow Effect 5 6 7 8 ...
分类:
Web程序 时间:
2015-02-05 20:07:54
阅读次数:
265
本文根据在慕课网的学习笔记整理。在清楚了CSS 盒模型的基本概念、 盒模型类型后, 可以深入探讨网页布局的基本模型。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS ...
分类:
Web程序 时间:
2015-02-04 18:23:38
阅读次数:
194
本文根据在慕课网的学习笔记整理。元素分类在讲解CSS布局之前,我们需要提前知道一些知识。在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:、、...、、、、、、 、常用的内联元素有:、、、、、、、、、、常用的内联块状元素有:...
分类:
Web程序 时间:
2015-02-04 16:13:31
阅读次数:
131
本文根据在慕课网的学习笔记整理。盒子模型:边界+边框+填充+内容边界元素与其它元素之间的距离可以使用边界(margin)来设置。边界也是可分为上、右、下、左。如下代码:div{margin:20px 10px 15px 30px;}//也可以分开写:div{ margin-top:20px; ...
分类:
Web程序 时间:
2015-02-04 16:08:21
阅读次数:
139
本文根据在慕课网的学习笔记整理。 文字排版--字体body{font-family:"Microsoft Yahei";}body{font-family:"微软雅黑";}//兼容性更好文字排版--字号、颜色body{font-size:12px;color:#666}文字排版--粗体p span{...
分类:
Web程序 时间:
2015-02-04 12:35:11
阅读次数:
228
本文根据在慕课网的学习笔记整理。继承CSS的某些样式是具有继承性的,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。p{color:red;}//p中的文本与...
分类:
Web程序 时间:
2015-02-03 11:02:55
阅读次数:
204
本文根据在慕课网的学习笔记整理。什么是选择器?每一条css样式声明(定义)由两部分组成,形式如下:选择器{ 样式; }//样式包括类属性和值标签选择器标签选择器其实就是html代码中的标签。如、、、、。例如下面代码:p{font-size:12px;line-height:1.6em;}类选择器1、...
分类:
Web程序 时间:
2015-02-03 10:41:13
阅读次数:
180
本文根据在慕课网的学习笔记整理。CSS简介全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。例子:p{ font-size:12px; color:red; font-weight...
分类:
Web程序 时间:
2015-02-03 00:41:18
阅读次数:
152
第7章 CSS样式基本知识 嵌入式css样式,写在当前的文件中【**********】嵌入式css样式,就是可以把css样式代码写在标签之间。如下面代码实现把三个标签中的文字设置为红色:嵌入式css样式必须写在之间,并且一般情况下嵌入式css样式写在之间。 嵌入式css样式 慕课网,超酷的互联...
分类:
Web程序 时间:
2015-01-27 19:53:28
阅读次数:
194