前端学习
关注
分享
扫一扫
文章平均质量分 87
suda哇
这个作者很懒，什么都没留下…
展开
-
记录实战编码任务1
目录一、编码过程中遇到的问题1、在HTML中引入iconfont遇到的问题2.插入图片3.浮动问题二、具体实战成果我的代码我的成果图需改进的问题一、编码过程中遇到的问题1、在HTML中引入iconfont遇到的问题先进入iconfont官网选择你想要的iconfont，加入你的项目，进入项目之后生成链接（我习惯使用Font class方式，网上有其他方式引入HTML的方法）点击生成的代码，把它显示的内容复制到你自己的iconfont.css文件中，也可原创 2022-03-10 17:00:25 · 405 阅读 · 0 评论 -
CSS基础--掌握正常布局流特点
文章目录目录文章目录前言一、盒模型1.盒模型的各个部分2.CSS Box Sizing二、CSS布局1.display属性弹性盒子（Flexbox）Grid布局浮动2.定位技术（position）静态定位相对定位（relative）绝对定位（absolute）固定定位（fixed）粘性定位（sticky）3.表格布局4.多列布局2.读入数据总结前言学习并掌握盒模型基础概念,了解盒模型与替代模型的区别以及如原创 2022-03-09 21:48:43 · 718 阅读 · 0 评论 -
CSS基础--美化视觉效果
学习目标：学习如何将 web 字体应用到web页面，使用第三方服务，编写自己的代码。 掌握字体溢出处理，和字体方向设置 掌握 CSS 层次选择器，伪类选择器含义和用法 实践并掌握 CSS 的颜色、字体、圆角边框等样式的定义方式 实践并掌握掌握外边距，内边距设置 实践并掌握列表和链接的样式美化。学习内容：字体1.Web字体web字体——它们允许您下载自定义字体和您的web页面，以允许更多不同的、自定义的文本样式。Web字体是一种CSS特性，允许您指定在访问时随您的网站一起下载的原创 2022-03-08 16:46:08 · 1179 阅读 · 4 评论 -
CSS基础--选择器定位
学习目标：学习层叠、优先级，以及在CSS中继承是如何工作的掌握 CSS 稍微复杂的一些选择器，还有背景，边框等一些 CSS 样式属性。进一步学习 CSS 选择器相关的知识学习内容：层叠与继承在某些时候，在做一个项目过程中你会发现一些应该产生效果的样式没有生效。通常的原因是你创建了两个应用于同一个元素的规则。cascade, 和它密切相关的概念是 specificity，决定在发生冲突的时候应该使用哪条规则。设计元素样式的规则可能不是期望的规则，因此需要了解这些机制是如何工作的。这里也有继承的原创 2022-03-03 18:13:46 · 1218 阅读 · 0 评论 -
CSS基础--颜色、字体、背景、边框等
学习目标：掌握 CSS 颜色，单位，注释等基本元素的使用方法学习内容：CSS基础1.颜色指定颜色是通过使用预定义的颜色名称，或 RGB、HEX、HSL、RGBA、HSLA 值。2.单位CSS 有几种表示长度的不同单位。许多 CSS 属性接受“长度”值，诸如 width、margin、padding、font-size 等。长度是一个后面跟着长度单位的数字，诸如 10px、2em 等。数字和单位之间不能出现空格。但是，如果值为 0，则可以省略单位。对于某些 CSS 属性，允许使用负的长原创 2022-03-02 20:26:35 · 6513 阅读 · 0 评论 -
初识CSS基础
学习目标：掌握CSS基本概念及基本语法，对CSS有一个大致的了解。学习内容：CSS简介1.什么是CSSCSS 指的是层叠样式表* (Cascading Style Sheets)CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素CSS 节省了大量工作。它可以同时控制多张网页的布局外部样式表存储在 CSS 文件中2.CSS用来干什么?一份文档是由标记语言组织起来的文本文件 —— HTML 是最常见的标记语言, 但你可能也听说过其他可标记语言，如 SVG 或 XML。CS原创 2022-03-01 17:23:44 · 244 阅读 · 0 评论 -
HTML基础--响应式图片
学习目标：学习实现一个响应式图像：根据显示设备的分辨率不同加载不同的类型的图片，防止带宽的浪费。同时，在改变设备类型或者分辨率时，能够及时加载对应的图片。学习内容：提示：这里可以添加要学的内容例如：1、 搭建 Java 开发环境2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句学习时间：提示：这里可以添加计划学习的时间例如：1、 周一至周五晚上 7 点—晚上9点2、 周六上午 9 点-上午 11 点3、 周日下午 3 点-下午 6 点学习产出：提示：这里原创 2022-03-01 11:48:39 · 755 阅读 · 0 评论 -
HTML基础--表单元素知识
学习目标：通过简单的实践，学习基本的 HTML FORM 标签，理解各种表单元素的使用场景，并且掌握表单一系列基本验证方式。学习内容：1.HTML表单HTML 表单用于搜集不同类型的用户输入。(1)<form>元素HTML 表单用于收集用户输入。<form>元素定义 HTML 表单：<form> ...form elements ...</form>表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。(2原创 2022-02-22 18:42:41 · 4235 阅读 · 0 评论 -
HTML基础--表格相关知识
学习目标：希望能够通过简单的实践，更加清楚地掌握表格更多高阶知识，比如像表格的标题/摘要，以及将你表格中的各行分组成头部、正文、页脚部分，能更加熟练的运用表格元素展示我们丰富的数据.学习内容：什么是表格表格是由行和列组成的结构化数据集(表格数据)，它能够使你简捷迅速地查找某个表示不同类型数据之间的某种关系的值 。1.HTML表格高级特性和可访问性(1)使用 <caption>为你的表格增加一个标题标题意味着包含对于表格内容的描述，这对那些希望可以快速浏览网页中的表格对他们是否有帮原创 2022-02-20 17:53:46 · 709 阅读 · 0 评论 -
HTML学习--文字高级格式化
学习目标：今天将更加深入学习标签的语义化，知道什么时候他应该用什么标签，让网页更具有可读性，而不是一堆没有意义标签的堆砌。并在此学习的基础上，进行实战练习，完成一篇在线博客文章。学习内容：语义化是对文本内容的结构化，选择合乎语义的标签，便于开发者阅读，维护写出更优雅的代码，让浏览蓝旗的爬虫和辅助技术能够更好的解析。1.HTML语义HTML 中，例如，<h1>元素是一个语义化元素，赋予了它包裹着的文本“这个页面中最高级别标题功能“的角色 (或含义) 。<h1>This原创 2022-02-19 19:49:34 · 464 阅读 · 0 评论 -
HTML练习--做一个在线简历
学习目标：1.学习掌握HTML基础知识2.完成在线简历的制作学习内容：1. <h1>~<h6>: HTML 部分标题元素HTML元素<h1>~<h6>代表标题的六个部分级别。<h1>是最高的部分级别，<h6>是最低的。<h1>Heading level 1</h1><h2>Heading level 2</h2><h3>Heading level 3</原创 2022-02-18 21:10:53 · 621 阅读 · 0 评论 -
HTML基础知识
HTML基础知识本篇文章主要对前端部分中的HTML的基本内容进行介绍文章目录HTML基础知识一、HTML是什么？二、HTML标签&属性1.HTML标签2.HTML属性三、HTML文档结构1.The DTD (<!DOCTYPE> declaration)2.The main container (<html> element)3.The head section (<head> element)4.The body section (<body>原创 2022-02-17 18:12:35 · 293 阅读 · 0 评论 -
Web前端基础篇
Web前端基础篇基本要素HTMLCSSJavaScriptDOMDOM & JavaScriptHTML & HTML5基本要素HTML就其核心而言， HTML 是一种相当简单的、由不同元素组成的标记语言，它可以应用于文本片段，使文本在文档中具有不同的含义（它是一个段落吗？它是一个项目列表吗？它是一个表格吗？），将文档结构化为逻辑块（文档是否有头部？有三列内容？有一个导航菜单？），并且可以将图片，影像等内容嵌入到页面中。CSS层叠样式表 (CSS) 是一种用于向 Web 文档添加样原创 2022-02-16 16:51:56 · 392 阅读 · 0 评论