从23号开始用了4天时间看完了《Head First Html与CSS》这本书,本书讲解方式深入浅出,便于理解,结合习题,便于记忆,是一本不错的入门书。下面是本书的学习笔记: 一、认识HTML HyperText Markup Language,超文本标记语言的缩写。标记文本来告诉浏览器文本的结构。 ...
分类:
Web程序 时间:
2017-07-27 18:33:51
阅读次数:
172
CSS基础 简介 什么是CSS? CSS如何创建? 选择器 通用选择器 标签选择器 类选择器 ID选择器 属性选择器 后代选择器 子选择器 相邻元素选择器 伪类选择器 CSS样式 背景 文本 字体 链接 列表 表格 页面布局 边框 盒子模型 display visibility float 浮动 c ...
分类:
Web程序 时间:
2017-07-26 22:05:08
阅读次数:
228
作为一个PHPer,在前端方面javascript、jquery这些的日常工作还搞的定。可对于div+css这些东西可就头疼了,所以现在开始学习CSS 跟着燕十八的教程开始从最基础学起,首先练习一个简单首页的布局 显示效果: ...
分类:
Web程序 时间:
2017-07-22 23:36:15
阅读次数:
232
导航栏 熟练使用导航栏,对于任何网站都非常重要。 使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单。 导航栏=链接列表 作为标准的HTML基础一个导航栏是必须的。在我们的例子中我们将建立一个标准的HTML列表导航栏。 导航条基本上是一个链接列表,所以使用 <ul> 和 <li>元素非常有意 ...
分类:
Web程序 时间:
2017-07-19 01:13:53
阅读次数:
382
CSS 分组 和 嵌套 选择器 分组选择器 嵌套选择器 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>WENG</title> <style> p { color:blue; text-align:center; } .mar ...
分类:
Web程序 时间:
2017-07-19 00:24:40
阅读次数:
284
伪类(Pseudo-classes) CSS伪类是用来添加一些选择器的特殊效果。 伪类的语法: selector:pseudo-class {property:value;} selector:pseudo-class {property:value;} CSS类也可以使用伪类: selector. ...
分类:
Web程序 时间:
2017-07-19 00:15:12
阅读次数:
277
列表 在HTML中,有两种类型的列表: 无序列表 - 列表项标记用特殊图形(如小黑点、小方框等) 有序列表 - 列表项的标记有数字或字母 使用CSS,可以列出进一步的样式,并可用图像作列表项标记。 所有的CSS列表属性 CSS 表格 直接上一个实例: <!DOCTYPE html> <html> < ...
分类:
Web程序 时间:
2017-07-19 00:12:48
阅读次数:
232
学习的资源 http://www.runoob.com/ 概念 样式表的插入方法 (1)外部样式表(External style sheet) (2)内部样式表(Internal style sheet) (3)内联样式(Inline style) 多重样式优先级 内联样式)Inline style ...
分类:
Web程序 时间:
2017-07-18 23:05:05
阅读次数:
265
css的两个特性: 1.继承性:有一些属性,当给父级元素设置的时候,他的后代元素也会继承了这个属性,可以继承的属性有:color, font-开头的属性 text-开头的属性 line-开头的属性 等文字修饰的属性,所有有关盒子的属性如:定位的,布局的属性不能继承,继承性从自己开始的,一直到最高级的 ...
分类:
Web程序 时间:
2017-07-09 23:17:18
阅读次数:
259
一、盒子的基本 通常情况下,盒子的大小刚好容纳其内容。 1. 盒子的大小:width, height 指定盒子大小的单位为像素、百分数或em值。这里百分数表示相对于父元素的比值。如果这个盒子是顶级盒子,那么父元素为窗口。例如: 2. 大小限制:min-width, max-width, min-he ...
分类:
Web程序 时间:
2017-07-09 12:34:43
阅读次数:
168