经过一个月的学习,我收获了许多,今天的测验是做一个企业中文网站,令我自己感到吃惊的是,我前前后后用了4个小时就完成了,这在一个月前根本不可能,因为对布局属性的理解还不够深刻,常常会在调试中浪费大量时间,对PS切图的操作也熟练了许多,已经在自己的脑海中构架了相对完善的知识体系,不足的是至今还没掌握spite,对伪类after  before  checked的理解还很不到位,对媒体查询.盒布局没有完全掌握. 来谈谈这一个月的学习吧,可以说获益良多.一开始对小黄的上课进度其实是有点不满的,毕竟太慢了…
第十六章 1.    输入和元素 电子邮件框 <input type="email"> 搜索框 <input type="search"> 电话框 <input type="tel"> URL 框 <input type="url"> 以下元素得到了部分浏览器的支持 日期 <input type="date"> 数字 <input type=…
第七章 1.  样式表:选择器和生命块 2.  !important: 某条声明的重要程度比其他高,在末尾添加 3.  属性值:inherit;  是强制继承 4.  1em=16px; 5.  可以接受不带单位的属性:line-height.z-index.opacity 6.  background-color/color/border/box-shadow/text-shadow: rgba(89,0,127,.2);最后一个是透明度 7.  属性:hsl(95,10%,28%) 色相.饱…
第一章 1.    邮箱地址的URL地址包括:mailto:+邮箱地址 2.    ../表示向上走一级,开头直接使用/表示根目录 第三章 1.    <header>: role = “banner”[ 适用于页面级的页眉] 2.    <nav>标记导航: role = “navigation”不是必须的,提高可访问性 3.    <main>主要区域,一个页面只有一个,不能将main放在article.aside.footer.header.nav元素中. rol…
第十一章 1.  box-sizing:border-box(让宽度和高度包含内边距和边框) 2.  clear让后面的元素显示在浮动元素的后面 3.  z-index只对只对绝对.固定.相对定位的元素有效 4.  vertical-aligh只用于行内元素 baseline/middle/sub/super/text-top/text-bottom/top/bottom/百分比/值 第十二章 1.  <link media=”only/not  screen/print/ and (min-w…
第十一章,用CSS进行布局 开始布局注意事项 1.内容与显示分离 2.布局方法:固定宽度和响应式布局 固定宽度,整个页面和每一栏都有基于像素的宽度 响应式布局也称为流式页面,使用百分数定义宽度 3.浏览器问题 注:HTML5 shiv 是少有的必须在head中加载JavaScript的情况之一,否则就不起作用. 关于HTML5 shiv: 与其他主流浏览器不同,IE8及之前版本会忽略它们不原生支持的元素的CSS.HTML5 shiv是专门用于解决这一问题的一段JavaScript. 对默认样式进…
title: HTML5与CSS3权威指南之CSS3学习记录 toc: true date: 2018-10-14 00:06:09 学习资料--<HTML5与CSS3权威指南>(第3版) 官方网站: 华章图书 书中所有代码下载链接: 链接:http://pan.baidu.com/s/1c0oGMn2 密码:f7zt 选择器 属性选择器 [att=val]选择器--选择属性att值为val的元素 [att*=val]选择器--选择属性att值包含val的元素 [att^=val]选择器--选…
一.负边距与浮动布局 1.1.负边距 所谓的负边距就是margin取负值的情况,如margin:-100px,margin:-100%.当一个元素与另一个元素margin取负值时将拉近距离.常见的功能如下: 1.1.1.向上移动 当多个元素同时从标准流中脱离开来时,如果前一个元素的宽度为100%宽度,后面的元素通过负边距可以实现上移.当负的边距超过自身的宽度将上移,只要没有超过自身宽度就不会上移,示例如下: <!DOCTYPE html> <html> <head> &…
一.负边距与浮动布局 1.1.负边距 所谓的负边距就是margin取负值的情况,如margin:-100px,margin:-100%.当一个元素与另一个元素margin取负值时将拉近距离.常见的功能如下: 1.1.1.向上移动 当多个元素同时从标准流中脱离开来时,如果前一个元素的宽度为100%宽度,后面的元素通过负边距可以实现上移.当负的边距超过自身的宽度将上移,只要没有超过自身宽度就不会上移,示例如下: <!DOCTYPE html> <html> <head> &…
目录 一.BFC与IFC 1.1.BFC与IFC概要 1.2.如何产生BFC 1.3.BFC的作用与特点 二.定位 2.2.relative 2.3.absolute 2.4.fixed 2.5.z-index属性 2.6.菜单 2.7.:target伪类 三.浮动 3.1.float取值 3.2.float的特性 3.3.清除浮动 3.3.1.清除外部浮动 3.3.2.清除内部浮动 四.多种居中办法 4.1.块标签自身水平居中 4.2.块标签内对齐 4.3.垂直居中方法一 4.4.垂直居中方法…