首页
题库
公司真题
专项练习
面试题库
在线编程
面试
面试经验
AI 模拟面试
简历
求职
学习
基础学习课
实战项目课
求职辅导课
专栏&文章
竞赛
搜索
我要招人
发布职位
发布职位、邀约牛人
更多企业解决方案
在线笔面试、雇主品牌宣传
登录
/
注册
小水滴真的是太可爱了吧
获赞
570
粉丝
393
关注
33
看过 TA
260
女
门头沟学院
2021
产品经理
IP属地:上海
暂未填写个人简介
私信
关注
拉黑
举报
举报
确定要拉黑小水滴真的是太可爱了吧吗?
发布(971)
评论
刷题
小水滴真的是太可爱了吧
关注TA,不错过内容更新
关注
2020-09-22 21:15
已编辑
门头沟学院 产品经理
【前端学习笔记day19】3.3. css颜色表示法
文章目录 3.3. css颜色表示法 css颜色表示法 3.3. css颜色表示法 css颜色表示法 css颜色值主要有三种表示方法: 1、颜色名表示,比如:red 红色,gold 金色 2、rgb表示,比如:rgb(255,0,0)表示红色 3、16进制数值表示,比如:#ff0000 表示红色,这种可以简写成 #f00
0
点赞
评论
收藏
分享
2020-09-22 21:14
已编辑
门头沟学院 产品经理
【前端学习笔记day20】3.4. css选择器+标签选择器+id选择器+类选择器+层级选择器+组选择器+伪类及伪元素选择器
文章目录 3.4. css选择器 css选择器 1、标签选择器 2、id选择器 3、类选择器 4、层级选择器 5、组选择器 6、伪类及伪元素选择器 3.4. css选择器 css选择器 常用的选择器有如下几种: 1、标签选择器 标签选择器,此种选择器影响范围大,建议尽...
0
点赞
评论
收藏
分享
2020-09-22 21:14
已编辑
门头沟学院 产品经理
【前端学习笔记day21】3.5. css盒模型+CSS盒子模型
文章目录 3.5. css盒模型 CSS盒子模型 3.5. css盒模型 CSS盒子模型 盒子模型解释 元素在页面中显示成一个方块,类似一个盒子,CSS盒子模型就是使用现实中盒子来做比喻,帮助我们设置元素对应的样式。盒子模型示意图如下: 把元素叫做盒子,设置对应的样式分别为:盒子的宽度(width)、盒子的高度(height)、盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子与盒子之间的间距(margin)。 设置宽高 width:200px; /* 设置盒子的宽度,此宽度是指盒子内容的...
0
点赞
评论
收藏
分享
2020-09-22 21:14
已编辑
门头沟学院 产品经理
【前端学习笔记day22】3.6. 盒模型的实际尺寸
文章目录 3.6. 盒模型的实际尺寸 盒模型的实际尺寸 3.6. 盒模型的实际尺寸 盒模型的实际尺寸 按照下面代码制作页面: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>盒子的真实尺寸</title> <style type="text/css"> .b...
0
点赞
评论
收藏
分享
2020-09-22 21:13
门头沟学院 产品经理
【前端学习笔记day23】3.7. 盒模型使用技巧及相关问题
文章目录 3.7. 盒模型使用技巧及相关问题 盒模型使用技巧及相关问题 3.7. 盒模型使用技巧及相关问题 盒模型使用技巧及相关问题 margin相关技巧 1、设置元素水平居中: margin:x auto; 2、margin负值让元素位移及边框合并 理解练习 1、制作一个600*100的盒子,边框1像素黑色,距离浏览器顶部100px,水平居中。 2、制作下面的菜单效果: 外边距合并 外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。解决方法如下:...
0
点赞
评论
收藏
分享
2020-09-22 21:13
已编辑
门头沟学院 产品经理
【前端学习笔记day24】3.8. css元素溢出
文章目录 3.8. css元素溢出 css元素溢出 3.8. css元素溢出 css元素溢出 当子元素的尺寸超过父元素的尺寸时,需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来设置。 overflow的设置项: 1、visible 默认值。内容不会被修剪,会呈现在元素框之外。 2、hidden 内容会被修剪,并且其余内容是不可见的,此属性还有清除浮动、清除margin-top塌陷的功能。 3、scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 4、auto 如果内容被修剪,则浏览器...
0
点赞
评论
收藏
分享
2020-09-22 21:13
门头沟学院 产品经理
【前端学习笔记day25】3.9. 块元素、内联元素、内联块元素
文章目录 3.9. 块元素、内联元素、内联块元素 块元素、内联元素、内联块元素 3.9. 块元素、内联元素、内联块元素 块元素、内联元素、内联块元素 元素就是标签,布局中常用的有三种标签,块元素、内联元素、内联块元素,了解这三种元素的特性,才能熟练的进行页面布局。 块元素 块元素,也可以称为行元素,布局中常用的标签如:div、p、ul、li、h1~h6、dl、dt、dd等等都是块元素,它在布局中的行为: 支持全部的样式 如果没有设置宽度,默认的宽度为父级宽度100% 盒子占据一行、即使设置了宽度 内联元素 内联元素...
0
点赞
评论
收藏
分享
2020-09-22 21:12
已编辑
门头沟学院 产品经理
【前端学习笔记day26】3.10. 浮动
文章目录 3.10. 浮动 浮动 3.10. 浮动 浮动 浮动特性 1、浮动元素有左浮动(float:left)和右浮动(float:right)两种 2、浮动的元素会向左或向右浮动,碰到父元素边界、其他元素才停下来 3、相邻浮动的块元素可以并在一行,超出父级宽度就换行 4、浮动让行内元素或块元素自动转化为行内块元素(此时不会有行内块元素间隙问题) 5、浮动元素后面没有浮动的元素会占据浮动元素的位置,没有浮动的元素内的文字会避开浮动的元素,形成文字饶图的效果 6、父元素如果没有设置尺寸(一般是高度不设置),父元素内整体...
0
点赞
评论
收藏
分享
2020-09-22 21:12
门头沟学院 产品经理
【前端学习笔记day27】3.11. 定位
文章目录 3.11. 定位 定位 3.11. 定位 定位 文档流 文档流,是指盒子按照html标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子都占据自己的位置。 关于定位 我们可以使用css的position属性来设置元素的定位类型,postion的设置项如下: relative 生成相对定位元素,元素所占据的文档流的位置保留,元素本身相对自身原位置进行偏移。 absolute 生成绝对定位元素,元素脱离文档流,不占据文档流的位置,可以理解为漂...
0
点赞
评论
收藏
分享
2020-09-22 21:12
已编辑
门头沟学院 产品经理
【前端学习笔记day28】3.12. background属性
文章目录 3.12. background属性 3.12. background属性 ## background属性 属性解释 background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图片和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: background-color 设置背景颜色 background-image 设置背景图片地址 background-repeat 设置背景图片如何重复平铺 background-position 设置背景图片的位置 background-attach...
0
点赞
评论
收藏
分享
2020-09-22 21:11
已编辑
门头沟学院 产品经理
【前端学习笔记day29】3.13. 特征布局实例讲习
文章目录 3.13. 特征布局实例讲习 特征布局实例讲习 3.13. 特征布局实例讲习 特征布局实例讲习 经过对前面知识点的巩固和加深,我们可以使用前面学习到的知识来制作实际开发中碰到的一些典型的布局,以此来达到综合应用知识的目的。 1、特征布局:翻页(所需知识点:盒模型、内联元素) 2、特征布局:导航条01(所需知识点:盒模型、行内元素布局) 3、特征布局:导航条02(所需知识点:盒模型、浮动、定位、字体对齐) 4、特征布局:图片列表(所需知识点:盒模型、浮动) 5、特征布局:新闻列表(所需知识点:盒模...
0
点赞
评论
收藏
分享
2020-09-22 21:11
门头沟学院 产品经理
【前端学习笔记day30】4. Photoshop教程
文章目录 4. Photoshop 课程介绍 4. Photoshop 课程介绍 学习使用Photoshop的基本使用,以及Photoshop中关于切图这一块的知识,目的是能熟练使用Photoshop查看UI设计师的设计效果图,同时利用Photoshop切图来制作专业html页面。
0
点赞
评论
收藏
分享
2020-09-22 21:10
已编辑
门头沟学院 产品经理
【前端学习笔记day31】4.1. 常用图片格式+psd+jpg+gif+png+webp+位图和矢量图+svg+flash
4.1. 常用图片格式 文章目录 4.1. 常用图片格式 常用图片格式 常用图片格式 图片是网页制作中很重要的素材,图片有不同的格式,每种格式都有自己的特性,了解这些特效,可以方便我们在制作网页时选取适合的图片格式,图片格式及特性如下: 1、psd photoshop的专用格式。 优点:完整保存图像的信息,包括未压缩的图像数据、图层、透明等信息,方便图像的编辑。 缺点:应用范围窄,图片容量相对比较大。 2、jpg 网页制作及日常使用最普遍的图像格式。 优点:图像压缩效率高,图像容量相对最小。 缺点:有损压缩,图像...
0
点赞
评论
收藏
分享
2020-09-22 21:10
已编辑
门头沟学院 产品经理
【前端学习笔记day32】4.2. photoshop常用图片处理技巧
4.2. photoshop常用图片处理技巧 文章目录 4.2. photoshop常用图片处理技巧 photoshop常用图片处理技巧 photoshop常用图片处理技巧 photoshop是一款优秀的图像处理软件,作为前端开发工程师,掌握它的一些常用功能是必须的。photoshop的常用功能有:选择、裁剪图像、修图、取色、插入文字等等。除了这些常用功能,前端还需要掌握制作新图像、切图等技巧。本次讲解的photoshop版本为cs6。 图片格式转换与压缩 1、文件/存储为 选择图片类型以及压缩比;(不推荐) 2、...
0
点赞
评论
收藏
分享
2020-09-22 21:09
门头沟学院 产品经理
【前端学习笔记day33】4.3. ps效果图制作实例
文章目录 4.3. ps效果图制作实例 ps效果图制作实例 4.3. ps效果图制作实例 ps效果图制作实例 使用已提供的图片素材制作此效果图示例:
0
点赞
评论
收藏
分享
1
19
20
21
22
23
65
关注他的用户也关注了:
牛客网
牛客企业服务