今天是第四天，进度可以，表扬一下自己。 今天的课程目标是：掌握 CSS 稍微复杂的一些选择器，还有背景，边框等一些 CSS 样式属性。 CSS背景： 背景色：background-color:gray; 背景图：background-image:url(www.......); 背景颜色渐变： div { background-image : li...

2018-06-24 02:23:18

前端技术之_CSS详解第一天 一html部分 略。。。。 二、列表 列表有 3 种 2.1 无序列表 无序列表，用来表示一个列表的语义，并且每个项目和每个项目之间，是不分先后的。 ul就是英语unordered list，无序列表的意思。 li 就是英语list item ， 列表项的意思。 你会发现...

2018-06-24 02:23:15

单行文本省略是现代网页设计中非常常用的技术，几乎每个站点都会用到。单行文本省略适用于显示摘要信息的场景，如列表标题、文章摘要等。在响应式开发中，自适应宽度元素单行文本省略容易失效不起作用，对网页开发这造成困扰。因此，本文将要要探究自适应宽度元素单行...

2018-06-24 02:23:15

1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2、box-sizing属性？ 用来控制元素的盒子模型的解析...

2018-06-24 02:23:14

transform转换属性的5个值： 1、 translate（x值,y值） 移动效果。 2、rotate(45deg) 旋转效果。 3、scale(x轴倍数,y轴倍数) 缩放效果。 4、skew(x轴deg，y轴deg) 倾斜效果。 5、matrix() 矩阵...

2018-06-24 02:23:13

1、BFC简介 BFC全称"block formatting context",中文为“块级格式化上下文”。特征总之记住一句话： BFC元素特征表现原则就是：内部元素无论怎么翻江倒海，都不会影响外部元素。 如何触发BFC，常见如下： float的值不为none overflow的值为auto，scroll或hidden。 disp...

2018-06-24 02:23:11

动画调用语法 animation: bounceIn 0.3s ease 0.2s 1 both; 按顺序解释参数： 动画名称 如：bounceIn 一周期所用时间 如：0.3s 速度曲线 如：ease 值 描述 linear 动画从头到尾的速度是相同的。 ease 默认。动画以低速开始，然后加快，在结束前变慢。 ease-in 动画以低...

2018-06-24 02:23:10

本文内容： 精灵图 字体图标 首发日期：2018-05-01 精灵图： 在以前，每个图片资源都是独立的一张张图片，浏览器访问网站中的不同网页时是重复获取这一张张图片的，这代表需要访问很多次资源。 为了减少资源的访问次数，将多个常用的图片集合到一张图片中（网页的缓存...

2018-06-24 02:23:10

第五天到第六天的内容没有记笔记，不好不好。 第七天到第八天的学习目标是：学习布局的各种方式。主要包含position相关和Flexbox相关。 知识点： 1、默认情况下，块级元素的内容宽度是其父元素的宽度的100％，并且与其内容一样高。 2、概念：外边距折叠。 3、position...

2018-06-24 02:23:08

第三天：让简历有点色彩 这一节课是来初步了解什么是CSS，掌握基本的CSS概念，语法，学习如何设置一些简单的样式。 好记性不如烂笔头，开始： 字体： font-style：设置字体倾斜。 font-weight： 设置文字的粗体大...

2018-06-24 02:23:03