![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
文章平均质量分 73
qq_39449982
这个作者很懒,什么都没留下…
展开
-
学习web前端第一天-图片路径
目标:1.能够说出网页的基本组成2.能够说出什么是HTML3.能够说出常用的浏览器4.能够说出web标准的三大组成部分src 图片路径 art 文本 替换文本,图像不能显示的文字 title 文本 提示文本,鼠标放到图像上,显示的文字 width 像素 设置图像的宽度 height 像素 设置图像的高度 border 像素 设置图像的边框粗细 一般通过css属性设置-->相对路径 同一级路径 <img原创 2021-11-25 10:00:34 · 370 阅读 · 0 评论 -
学习WEB前端第五天(2)-盒子模型
目标:1.能够准确阐述盒子模型的4个组成部分2.能够利用边框复合写法给元素添加边框3.能够计算盒子的实际大小4.能够利用盒子模型布局模块案例5.能够给盒子设置圆角边框6.能够给盒子添加阴影7.能够给文字添加阴影页面布局要学习三大核心,盒子模型,浮动和定位.学习好盒子模型能非常好的帮助我们布局页面.盒子模型网页布局过程:1.先准备好相关的网页元素,网页元素基本都是盒子Box .⒉利用CSS设置好盒子样式,然后摆放到相应位置,3.往盒了里面装内容网页布局的核心本质:就是利用CSS摆盒原创 2021-11-30 20:45:14 · 143 阅读 · 0 评论 -
学习web前端第二天
目标:1.能够书写表格2.能够写出无序列表3.能够写出3-4个常用input表单类型4.能够写出下拉列表表单5.能够使用表单元素实现注册页面6.能够独立查阅W3C文档表格标签样式alignleft、center、right表格周围元素对齐方式border1或""表格是否有边框,默认值为"",表示没有边框cellpadding像素值规定单元边沿与其内容之间的空白,默认1像素cellspacing像素值规定单元格之间的空白,默认像素2pxwi原创 2021-11-25 10:20:39 · 62 阅读 · 0 评论 -
学习WEB前端第三天(1)-CSS选择器
目标: 1.能够说出什么是CSS 2.能够使用CSS基础选择器 3.能够设置字体样式 4.能够设置文本样式 5.能够说出CSS的三种引入方式 6.能够使用Chrome调试工具调试样式css选择器选择器分为基础选择器和复合选择器两大类基础选择器是由单个选择器组成的基础选择器又包括:标签选择器、类选择器、id选择器和通配符选择器类选择器1.类选择器使用"."(英文点好)进行标识,后面紧跟类名(自定义,我们自己命名的)2.可以理解为给这个标签起一个名字,原创 2021-11-25 09:42:02 · 62 阅读 · 0 评论 -
学习WEB前端第三天(2)-字体、文本、样式表
CSS fonts(字体)属性用于定义字体系列、大小、粗细和文字样式(如斜体)1.各种字体之间必须使用英文状态下的逗号隔开2.一般情况下,如果有空格隔开的多个单词组成的字体,加引号3.尽量使用系统默认自带字体,保证在任何用户的浏览器中都能正确显示4.一般放在body{}中字体大小css使用font-size属性定义文字大小字体粗细css使用font-weight属性设置文字字体的粗细使用font属性时,必须按上面语法格式中的顺序书写,不能更换顺序,并且各个属性间可以空格隔开不需要设置的原创 2021-11-25 09:53:38 · 168 阅读 · 0 评论 -
学习WEB前端第四天(1)-生成HTML语法、格式化代码、选择器
目标:1.能使用emmet语法2.能够使用CSS复合选择器3.能够写出伪类选择器的使用规范4.能够说出元素有几种显示模式5.能够写出元素显示模式的转换代码6.能够写出背景图片的设置方式7.能够计算CSS的权重快速生成HTML结构语法1.生成标签直接翰入标签名按tab键即可比如div然后tab键,就可以生成 < div>< /div>2. 如果想要生成多个相同标签加上就可以了比如div3就可以快速生成3个div3. 如果有父子级关系的标签,可以用> 比如原创 2021-11-25 10:34:07 · 86 阅读 · 0 评论 -
学习WEB前端第四天(2)-元素显示模式
元素显示模式作用︰网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。元素显示模式就是元素(标签)以什么方式进行显示,比如< div>自己占一行,比如一行可以放多个< span>,HTML元素一般分为块元素和行内元素两种类型。块元素常见的块元素有< h1 >~< h6 >、< p >、< div >、< ul >、< ol >、< li >等,其中<原创 2021-11-25 10:40:32 · 83 阅读 · 0 评论 -
学习WEB前端第四天(3)-背景图像
CSS背景通过CSS背景属性,可以给页面元素添加背景样式背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。背景图片背景图像属性描述了元素的背景图像。实际开发常见于徽标或者一些装饰性的小图片或者是超大的背景图片,优点是非常便于控制位置.(精灵图也是一种运用场景) background-image : none | url(url)背景平铺如果需要在HTML页面上对背景图像进行平铺,可以使用background-repeat属性。 background-repeat原创 2021-11-25 10:48:10 · 179 阅读 · 0 评论 -
学习WEB前端第五天(1)-CSS特性
CSS有三个非常重要的三个特性:层叠性、继承性、优先级。层叠性 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题 层叠性原则∶(就近原则) ●样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式 ●样式不冲突,不会层叠继承性 现实中的继承:我们继承了父亲的姓 CSS中的继承子标签会继承父标签的某些样式,如文本颜色和字号。简单的理解就是∶子承父业, 恰当地使用继承可以简化代码,降低C原创 2021-11-30 20:33:16 · 67 阅读 · 0 评论