css
覃祚荣
这个作者很懒,什么都没留下…
展开
-
01-CSS初识
typora-copy-images-to: media第01阶段.前端基础.CSS初识CSS层叠样式表学习目标理解css的目的作用css的三种引入方式应用css三种引用方式的书写通过样式规则给标签添加简单的样式[外链图片转存失败(img-SVaLrp5Q-1562221144022)(https://mp.csdn.net/media/zong1.jpg...原创 2019-07-04 14:23:00 · 137 阅读 · 0 评论 -
05.CSS 背景(background)
4. CSS 背景(background)目标理解背景的作用css背景图片和插入图片的区别应用通过css背景属性,给页面元素添加背景样式能设置不同的背景图片位置4.1 背景颜色(color)语法:background-color:颜色值; 默认的值是 transparent 透明的4.2 背景图片(image)语法:background...原创 2019-08-28 00:03:01 · 112 阅读 · 0 评论 -
盒子加阴影 box-shadow
box-shadow盒子阴影,就是给盒子加阴影的参数1:阴影的水平位置参数2:阴影的垂直位置参数3:模糊度参数4:阴影的宽度,如果不给宽度其实也有宽度,默认是盒子的大小,加宽度只是说给四周加多少参数5:阴影的颜色参数6:如果不加,默认情况往外扩的阴影,加一个inset代表内聚的阴影如果需要多个阴影那么以逗号隔开,先写的层级更高,前面的会覆盖后面的 box-shadow: 0px ...转载 2019-07-05 16:28:27 · 1541 阅读 · 0 评论 -
背景颜色渐变
专门做渐变颜色的这种渐变色,浏览器要当做背景图片解析的,所以应该给background-image参数1:渐变的方向to 一个方向还可以写角度,0deg在正下,值越大,越顺时针旋转后面的参数是颜色,至少2个颜色,颜色要>=2第一个颜色后面写一个百分比,代表在什么位置结束后面的颜色再写百分比,代表在什么位置开始,再写一个同样的颜色写百分比代表在什么位置结束线性渐变 bac...转载 2019-07-05 16:23:24 · 340 阅读 · 0 评论 -
background详解
/* 参数1:图片路径 参数2:是否平铺 repeat:默认值代表水平和垂直都平铺 no-repeat 代表不平铺 repeat-x 水平平铺...转载 2019-07-05 15:51:51 · 3715 阅读 · 0 评论 -
01-CSS初识
typora-copy-images-to: media第01阶段.前端基础.CSS初识CSS层叠样式表学习目标理解css的目的作用css的三种引入方式应用css三种引用方式的书写通过样式规则给标签添加简单的样式[外链图片转存失败(img-JuFMGKpe-1562218118886)(https://mp.csdn.net/media/zong1.jpg...转载 2019-07-04 15:07:12 · 392 阅读 · 0 评论 -
10.品优购项目(一)
品优购项目(一)目标:能会引入ico图标能简单看懂网站优化的三大标签能使用字体图标 ( 重点 )能说出我们css属性书写顺序能课堂跟上pink老师的节奏完成品优购项目1. 品优购项目介绍项目名称:品优购项目描述:品优购是一个电商网站,我们要完成首页、列表页、详情页、注册页面的制作[外链图片转存失败(img-6AI5mSKM-1562221873991)(https://mp...转载 2019-07-04 14:35:15 · 2413 阅读 · 1 评论 -
09.CSS第八天-高级技巧
CSS高级技巧目标理解能说出元素显示隐藏最常见的写法能说出精灵图产生的目的能说出去除图片底侧空白缝隙的方法应用能写出最常见的鼠标样式能使用精灵图技术能用滑动门做导航栏案例1. 元素的显示与隐藏目的让一个元素在页面中消失或者显示出来场景类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现!1.1 display 显示(重点)...转载 2019-07-04 14:33:25 · 279 阅读 · 0 评论 -
08.CSS第七天-定位
定位(position)目标理解能说出为什么要用定位能说出定位的4种分类能说出四种定位的各自特点能说出我们为什么常用子绝父相布局应用能写出淘宝轮播图布局1. CSS 布局的三种机制网页布局的核心 —— 就是用 CSS 来摆放盒子位置。CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流、浮动和定位,其中:普通流(标准流)浮动让盒子从...转载 2019-07-04 14:31:31 · 250 阅读 · 0 评论 -
07.CSS第五天-浮动
1. 浮动(float)目标记忆能够说出 CSS 的布局的三种机制标准流------盒子在一诞生的时候,就是标准流-----盒子模型浮动流定位流理解能够说出标准流在布局中的特点能够说出我们为什么用浮动能够说出我们为什么要清除浮动应用能够利用浮动完成导航栏案例能够清除浮动1.1 CSS 布局的三种机制网页布局的核心——就是用 CSS 来摆放盒子。...转载 2019-07-04 14:29:45 · 160 阅读 · 0 评论 -
06.CSS盒子模型
typora-copy-images-to: media第01阶段.前端基础.盒子模型盒子模型(CSS重点)css学习三大重点: css 盒子模型 、 浮动 、 定位主题思路:[外链图片转存失败(img-c77h01ko-1562221489055)(https://mp.csdn.net/media/day3.png)]目标:理解:能说出盒子模型有那四部分组成...原创 2019-07-04 14:28:56 · 601 阅读 · 0 评论 -
05.CSS第三天笔记
1. CSS 背景(background)目标理解背景的作用css背景图片和插入图片的区别应用通过css背景属性,给页面元素添加背景样式能设置不同的背景图片位置1.1 背景颜色(color)语法:background-color:颜色值; 默认的值是 transparent 透明的1.2 背景图片(image)语法:background...转载 2019-07-04 14:27:37 · 138 阅读 · 0 评论 -
04.CSS复合选择器
typora-copy-images-to: media第01阶段.前端基础CSS 第二天今天我们围绕一个 导航栏案例进行学习知识点。今日重点:复合选择器后代选择器并集选择器标签显示模式CSS背景背景位置CSS三大特性优先级[外链图片转存失败(img-iCiwj57J-1562221294790)(https://mp.csdn.net/med...原创 2019-07-04 14:26:21 · 261 阅读 · 0 评论 -
03-CSS文字文本样式
CSS字体样式属性调试工具目标应用使用css字体样式完成对字体的设置使用css外观属性给页面元素添加样式使用常用的emment语法能够使用开发人员工具代码调试1.font字体1.1 font-size:大小作用:font-size属性用于设置字号p { font-size:20px; }单位:可以使用相对长度单位,也可以使用绝对长度...原创 2019-07-04 14:24:48 · 405 阅读 · 0 评论 -
02-CSS基础选择器
typora-copy-images-to: media第01阶段.前端基础.CSS基础选择器CSS选择器(重点)学习目标:理解能说出选择器的作用id选择器和类选择器的区别应用能够使用基础选择器给页面元素添加样式1. CSS选择器作用(重点)[外链图片转存失败(img-myUVLeVh-1562221182585)(https://mp.csdn.net/...原创 2019-07-04 14:23:52 · 1420 阅读 · 0 评论 -
06.css的三大特性(叠性,继承性,优先级)
5. CSS 三大特性目标:理解能说出css样式冲突采取的原则能说出那些常见的样式会有继承应用能写出CSS优先级的算法能会计算常见选择器的叠加值5.1 CSS层叠性(后来者居上)[外链图片转存失败(img-l6P62J0q-1562221294901)(https://mp.csdn.net/media/20%E5%B1%82%E5%8F%A0%E6%80%A7....原创 2019-08-28 00:05:33 · 275 阅读 · 0 评论