一，background-clip：border-box 默认/ padding-box / content-box；背景被裁剪到边框 / 内边距 / 内容区，css3属性。兼容写法如下： -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box；二，雪碧图。 CSS Split，中文名CSS雪碧图。简单的就是说，通过背景定位，将许多小的图片放在同一张大图上面，减少HTTP请求次数，加速网站。要做到这一点需要两个技术：...
第二部分----CSS实用技术 第6章，文本格式化 指定备用字体： font-family:Arial,Helvetica,sans-serif; 当访问者没有安装第一种字体时，浏览器会在列表中继续往下搜寻，直到找到备用字体。 若字体名称中包含多个单词，则必须用双引号将它们括起来 font-family:"Times New Roman",Times,serif; sans-serif字体 sans-serif字体看起来干净而简洁，所以常被用...
第9章，装饰网站导航 限制访问，处于隐私方面考虑，浏览器已经开始限制可以对伪类:visited应用哪些CSS属性了。其中包括对已访问过的链接定义color、background-color、border-color等样式（除非已经为那些链接的正常状态定义了颜、背景色和边框色） 对于标签可以对所有不同的访问状态设置样式，但要让样式有效，必须以特定的顺序指定链接：link、visited、hover、active CSS3按钮生成器： htt...
第13章，构建基于浮动的布局 使用的是float（浮动）属性 注：float:none值将取消所有浮动，通常只用来取消元素中已经应用的浮动。 切记：不需要给正文的div设计宽度，即使设计成固定宽度也不用 用浮动进行布局 LayoutGala网站（ http://blog.html.it/layoutgala/）上提供了40种不同的CSS设计，但大多只是基本框架，里面只有标签及其定位用的CSS代码 布局生成器，C...
无标题文档 个人资料： * 为必填项 * 验 证 码： ←点击更换 * 手机号码： 最多11个字符，例如：13812345678 * 电子信箱： 此邮箱将被用来确认你的身份。 * 设定密码： 长度必须在6-20个字符之间 * 重复密码： * 姓 名： 请输入真实姓名，最多10个字符 * 昵 称： 最多30个字符 ...
背景属性 文本属性 direction 属性影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向、以及两端对齐元素中最后一行的位置。 注释：对于行内元素，只有当 unicode-bidi 属性设置为 embed 或 bidi-override 时才会应用 direction 属性。 direction 属性有两个值：ltr 和 rtl。大多数情况下，默认值是 ltr，显示从左到右的文本。 CSS链接四种状态 a:hover 必须位...
1、页面 1、文件结构 ...... ...... ....... , , , , 正文 2、语言字符集信息 基本上所有的网站的网页都有，现在一般都是UTF-8,和GBK2312 3、背景色彩和文字色彩 bgcolor --- 背景色彩 text --- 非可链接文字的色彩 link --- 可链接文字的色彩 alink --- 正被点击的可链接文字的色彩 vlink --- 已经点击(访问)过的可链接文字的色彩 （颜色RGB16进制） 背景图象 4、页面空...
一，移动端宽度设置viewport视图窗口，<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">，视窗宽度=设备宽度，默认缩放=1，不允许用户缩放。二，flexbox，弹性盒子模型：1，在元素的css中添加display:-webkit-flex就可以转换成弹性盒模型了，然后在多个子元素的CSS中添加flex:1/2/3，就可以让子元素按定义的比例1/2/3分配填满父元素。2，混合划分：子元素可以是固定宽度，也可以是定义flex值...
4月7日学到的知识点： 一： alt是给图片添加介绍，当图片没加载出来时，会直接显示alt的值,在搜索引擎搜索时也可以让搜索引擎更好的找到这张图。 二：标签下载 当href的值是一个文件名或者压缩包时就会直接出发浏览器的下载功能去下载这个文件。 三： 锚点，百度百科常用。点击a标签就会跳到对应id的位置。 四：群组选择符 #box1,#box2{}选中id为box1和b...
即将毕业的软件工程大学生一枚，秋季招聘应聘的是Android，今年来到公司实习，要求做前端开发，所以一切只有现学，现在根据视频来学习，然后开这个博客记录一下自己的学习过程，废话不多说，开写。 4月6日学到的知识点： 一： ! 声明，注意的意思； doc document 文档的意思； type 类型的意思； html就不用解释了； 连在一起的意思就是：注意，文档的类型是HTML。也就是声...
第十一章 1、 box-sizing：border-box（让宽度和高度包含内边距和边框） 2、 clear让后面的元素显示在浮动元素的后面 3、 z-index只对只对绝对、固定、相对定位的元素有效 4、 vertical-aligh只用于行内元素 baseline/middle/sub/super/text-top/text-bottom/top/bottom/百分比/值 第十二章 1、 and (min-width/max-width/resolution:value)” href=”” /> 2、 第十三章 1、 ...
第七章 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、 在和中加入media=”pri...
HTML其实就是把页面的数据封装并加上标签 表头 浏览器标题栏显示的内容 有href和target属性，href指定网页中所有超链接的基本目录，target指定打开超链接的方式，如_blank为在新窗口中打开 name网页的描述信息，可以设置网页搜索的关键字keywords。http-equiv可以设置自动刷新 如： 设置3秒自动刷新 rel属性：描述目标文档与当前文档的关系，type：文档类型，media：目标文档在哪种设备上起作用，如...
这断时间家里有点事，上班也有点任务，所以几天没看视频没来更新了。今天来更新一下了。 一：默认样式重置 但凡是浏览默认的样式，都不要使用。 body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size:12px;/* font-family:XX; */} ol,ul{list-style:none;padding:0;margin:0;} a{text-decoration:none;} img{border:none;} 二：块元素和内嵌元素 块元素的特征: 1.默...
跟叶老师说项目，他叫我写一个静态首页，看起来挺简单的，但是下手才发现在真的不会怎么下手啊，什么模型啊模块啊都不懂，写毛线啊！！ 如图：页面下拉还有侧栏，中间内容等。 可是答应跟老师做了，不能怂啊，于是硬着头皮，花两三天看在慕课网上学习Bootstrap（讲得挺好的，建议大白去看一下），其实我刚看完不久，里面很多东西其实作者都总结得很不错，还有演示。 收获很多，打算再看一下HTML的div+css布局，花一两...