WEB前端入门

Web前端入门（十一）CSS字体属性

总目录文章目录1.font-family2.font-size3.font-weight4.font-style5.字体属性复合写法6.字体属性总结CSS字体属性用于定义字体系列、大小、粗细和文字样式(如斜体)1.font-familyCSS使用font-family属性设置文本的字体系列div{font-family:Arial,"MicrosoftYahe","微软雅黑";}各种字体之间必须使
treesorshining·2022-06-05 11:56

零基础怎么入门web前端，前端开发需要学什么？一文带你高效快速入门前端

下面我总结了一些关于web前端入门的东西，希望对大家有所帮助。
牛仔码农@·2022-05-30 16:52

web前端入门教程【1】

本人水平有限，文中错误不当之处难免，敬请不吝赐教。前言本人自己看视频看书入门之后从事前端工作，一直在小公司蹦跶，缺一个大牛带飞。习惯使用各种现成框架插件，感觉自己要“废了”。所以呢，决定动手记录写一些技术文章。一来可以帮助有需要的人，二来我也可以巩固所学知识！PS：也给新朋友一些忠告，一定要把基础学扎实！关于前端什么是前端简单来说，前端做的最最基础的工作，就是一个网页里，用户能最直观看到感受到的内
我爱丁丁猫·2022-04-23 13:40

Web前端入门之CSS基础笔记

目录001-HTML中嵌入CSS样式的第一种方式002-HTML中嵌入CSS样式的第二种方式003-HTML中嵌入CSS样式的第三种方式004-隐藏样式005-文本装饰样式006-设置鼠标的悬停效果007-内边距和外边距008-float浮动效果009-定位样式position001-HTML中嵌入CSS样式的第一种方式HTML中嵌入CSS样式的第一种方式：内联定义style：风格，样式。任何一个
kano_s·2022-04-21 14:19

Web前端入门浮动的深入理解

float浮动定位是指:将元素排除在普通流之外，即元素将脱离标准文档流;元素将不在页面占用空间;将浮动元素放置在包含框的左边或者右边;浮动元素依旧位于包含框之内;比如说：让盒子下的元素左浮或者是右浮（float:left;）（float:right;）下面我们带入一下数值,给盒子做一个宽高和背景颜色，接着给里面的li设置宽高颜色让div盒子下的li浮动{div{width:400px;height
梦回98·2022-02-22 01:30

web前端入门到实战：一个标签！纯CSS实现动态晴阴雨雪

1引言本期分享一下如何仅用CSS3，实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果：再看看HTML代码：没错，就是这么任性，每个动图就一个标签，而且无图无JS！下面就来详细介绍下技术实现。涉及到的关键CSS3属性：transform：用于移位、旋转、缩放效果box-shadow：利用投影实现图像的复制(关键！)clip-path：基于绘制的形状对元素进行遮罩处理a
大前端世界·2022-02-15 11:29

web前端入门到实战：CSS 计数器

CSS里面的伪元素其实是非常好用的，但是经常容易被大家忽略，伪元素里面常用到的content属性，可能现在很多人仅仅以为content属性的值只支持字符串，除了字符串外常用到的还有uri、counter，今天所要介绍的就是conter(计数器)。先看如下的例子：桃翁介绍css计数器专门建立的学习Q-q-u-n：784783012，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习技巧（从零
大前端世界·2022-02-15 04:14

web前端入门到实战：镂空遮盖层效果的研究

上图是“QQ截图”选择区域时的画面，可以看到除了中间框选的部分，其他区域被一层半透明层覆盖（backdrop），这种效果不知道专业叫法，这里称呼它“镂空遮盖层”。实际业务需求中倒是不多见，比较常见的是“页面上的新手引导”，“视频网站的关灯模式”等用到这种效果，通用简单的做法是将内容元素的z-index设置大于遮盖层的，使该元素显示在遮盖层上面。接下来分享下其他的方法，可能对某些特殊场景有用。以下介
大前端世界·2022-02-12 13:41

web前端入门到实战：css实现单行、多行文本超出显示省略号

前言：项目中我们经常遇到这种需求，需要对单行、多行文本超出显示为省略号。这篇文章主要总结了小编解决此问题的方法，有不足之处欢迎大家指正。单行文本省略.ellipsis-line{border:1pxsolid#f70505;padding:8px;width:400px;overflow:hidden;text-overflow:ellipsis;//文本溢出显示省略号white-space:no
大前端世界·2022-02-10 20:07

web前端入门到实战：好用的Js图表库

市面上有很多JavaScript图表库，本文则列出了其中的几款佼佼者，可以用在你的新项目中。D3.jsD3.js是一个图形JavaScript库，功能众多，十分强大。你可以用它对文档做数据驱动的转换，然后将任意数据绑定到DOM上。D3是非常优秀的图表库。它有一些较小的技术模块，如颜色、轴、轮廓、层次结构、多边形、缓动等。这也意味着你需要学习很多知识才能用好它，上手并不容易。即使用它创建简单的图表也
魔方编程·2022-02-10 13:26

web前端入门到实战：CSS 层叠上下文（Stacking Context）

在网页制作的过程中，元素与元素之间的位置关系，在坐标轴上一般可体现为X轴、Y轴和Z轴。对于X轴和Y轴的定位大多数开发都能比较直观的搞清楚，而Z轴则相对较为模糊，或者说不能全面的理解Z轴的显示逻辑。大多数人都知道可以使用position属性配合z-index属性解决元素的Z轴显示问题，对于更深层次的原理却不太了解。本文主要介绍了层叠上下文、层叠等级、层叠顺序等概念。目的就是为了理清元素的Z轴显示顺序
大前端世界·2022-02-06 11:45

web前端入门到实战：使用CSS隐藏元素滚动条

如何隐藏滚动条，同时仍然可以在任何元素上滚动？首先，如果需要隐藏滚动条并在内容溢出时显示滚动条，只需要设置overflow：auto样式即可。想要完全隐藏滚动条只需设置overflow：hidden即可，但是这样一来将导致元素内容不可滚动。时至今日，还没有任何一条CSS规则可以使元素可以隐藏滚动条的同时依然可以滚动内容，只能通过针对特定浏览器设置滚动条样式来实现。Firefox浏览器对于Firef
大前端世界·2022-02-03 14:25

web前端入门到实战：HTML基础标签图片文本超链接列表表格介绍

1.HTML基础标签图片常见代码形式常见的图片格式为以下三种：.jpg（图片有损压缩，影响画质）、.png（图片无损压缩、容积大、具有透明通道）、.gif（动图）。图片路径地址分为本地图片和网络图片，本地图片中分为绝对路径（从盘符开始算起）和相对路径（从当前路径算起），相对路径属于平级关系，如果图片相对于上一级，表现形式为"../"在中，alt="属性名"是当图片无法正常展示出来时显示的文字，ti
大前端世界·2022-02-03 13:37

零基础入门web前端学习路线及教程，前端开发最全知识点汇总

下面我总结了一些关于web前端入门的东西，希望对大家有所帮助。
·2021-12-20 16:23

太厉害了，Python入门只用了3个多月，我试了一下，发现..

作者在开头列出了Python的一些应用领域作者的计划目录Day01~15-Python语言基础Day16~20-Python语言进阶Day21~30-Web前端入门Day31~35-玩转Linux操作系统
梦魇762459510·2021-11-26 19:09

Web前端学习教程，JavaScript小白入门的不二之选

今天分享给大家的就是关于Web前端入门你需要知道的JavaScript基础知识主要细致讲解JavaScript核心语法、JavaScript内置支持类、JavaScript调试、JavaScriptDOM
·2021-11-02 17:28

零基础转行学Web前端开发好学吗？

下面小编总结了一些关于web前端入门的东西，希望对大家有所帮助。一、web前端入行门槛低吗?对于这个问题，应该辩证地看。相对于IT技术类的其他岗位，web前端绝对算是门槛较低的，当然对应的起点也低。
·2021-09-07 17:47

web前端入门到实战：CSS的逻辑属性与盒子模型

首先开篇之前先提个问题：为什么Flexbox跟Gridbox的是以start、end为排列规则，而不是常规的top、right、bottom跟left？先不要急着往下翻，大家先思考一下。这个问题的答案，鱼头会在文章中给出，欢迎大家带着这个问题往下翻阅，如果已经知道答案，也可以看看跟大家所知道的答案是否一致。CSS的逻辑属性2017年5月18日，W3C的CSS工作组(CSSWorkingGroup)
大前端世界·2021-06-20 22:28

web前端入门到实战：让你一次弄懂CSS 的 BFC、清除浮动、外边距折叠

BFC块格式化上下文（BlockFormattingContext，BFC）是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。下列方式会创建块格式化上下文：根元素()浮动元素（元素的float不是none）绝对定位元素（元素的position为absolute或fixed）行内块元素（元素的display为inline-block）表格单元格（
大前端世界·2021-06-19 16:54

web前端入门到实战：css如何保持div等高宽比

那么css如何实现高度height随宽度width变化保持比例不变呢？即给定可变宽度的元素，它将确保其高度以响应的方式保持成比例(即，其宽度与高度的比率保持恒定)。下面以高宽2:1为例，通过2种方式来实现这种效果。方式一：利用定位实现.wrapper{position:relative;background:#ccc;width:10%;padding-bottom:20%;}.inner{pos
大前端世界·2021-06-19 00:53

Web前端入门到实战：Web前端性能优化指南

前端需要性能优化么？性能优化一直以来都是前端工程领域中的一个重要部分。很多资料表明，网站应用的性能优化对于提高用户留存、转化率等都有积极影响。可以理解为，提升你的网站性能，就是提升你的业务数据（甚至是业务收入）。性能优化广义上包含前端优化和后端优化。后端优化的关注点更多的时候是在增加资源利用率、降低资源成本以及提高稳定性上。相较于后端，前端的性能优化会更直接与用户的体验挂钩。从用户体验侧来说，前端
木箫箫·2021-06-13 14:54

web前端入门开发，JavaScript运算符，大厂直通车！

前言作为一个程序员，当然总是期望自己的代码能「一次编写，四处运行」，但真实经验往往是「一处修改，百处填坑」，依赖落后了好几个版本了想要升级、老代码已经看着很不爽了打算重构，都需要下坚决的决心，毕竟哪里漏掉了或者改错了都可能酿成大祸，我们一般都怎么搞呢？第一个阶段，开发环境和工具准备浏览器（Google，FireFox，…）下载，安装前端开发工具vscode，下载、安装node、npm、webpac
编码老司机·2021-06-10 15:52

web前端入门到实战：通过CSS边框实现三角形和箭头

一、CSS盒子模型盒子包括：margin、border、padding、content边框交界处呈现平滑的斜线，利用此特点，通过设置各边框宽度和颜色可以得到小三角等。div元素是块级元素，显示为块框，可以利用它来具体实现。例1、一般设置高度、宽度及边框后，盒子呈现如下图：.triangle{width:25px;height:25px;overflow:hidden;font-size:0;lin
大前端世界·2021-06-07 21:55

Web前端入门的学习路线总结

想要学习web前端，前期一定要做好学习路线，下面是小编整理的Web前端入门的学习路线总结，希望正在从事Web前端工作的小伙伴们来和小编一起看一看吧，希望本篇文章能够对大家有所帮助。
千锋教育qyf·2021-05-19 19:39

前端札记

专辑-Web前端入门基础碎片化教学w3cschool菜鸟教程系统教学百度前端技术学院HTMLTutorialsWeb开发者必上的10个网站前端素材插件jquery之家jquery插件库综合前端工程师必备实用网站
ZoeyeoZ·2021-05-07 08:35

web前端入门到实战：css简单实现带箭头的边框

实现一个普通边框.border{width:100px;height:50px;border:1pxsolidred;}web前端开发学习Q-q-u-n：731771211，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频，PDF）实现由四个三角形组成的正方形.triangle{width:0;height:0;border:100pxsolidred;b
大前端世界·2021-04-28 15:55

web前端入门到实战：Js应用技巧集合

转化为Boolean类型所有JavaScript中的值都能隐式的转化为Boolean类型，比如：0==false;//true1==true;//true''==false//truenull==false//true但是这些值都不是Boolean类型。因此当我们使用三个等于号进行比较时：0===false;//false1===true;//false''===false//falsenull=
大前端世界·2021-04-15 05:51

web前端入门到实战：css文字颜色渐变的3种实现

在web前端开发过程中，UI设计师经常会设计一些带渐变文字的设计图，在以前我们只能用png的图片来代替文字，今天可以实现使用纯CSS实现渐变文字了。下面就介绍3中实现方式供大家参考！基础样式：.gradient-text{text-align:left;text-indent:30px;line-height:50px;font-size:40px;font-weight:bolder;posit
大前端世界·2021-04-15 02:41

web前端入门到实战：32道常见的js面试题

JS面试题：【点击这里领取面试题资料】1.javascript的typeof返回哪些数据类型string,boolean,number,undefined,function,object2.例举3种强制类型转换和2种隐式类型转换?强制（parseInt,parseFloat,number）隐式（=====+-）3.split()和join()的区别split()是将字符串切割成数组的形式，join
码民的飘柔·2021-03-30 17:48

web前端入门宝典,来看看大佬的学习之路

开始大佬的表演从事前端开发工作差不多3年了，自己也从一个什么都不懂的小白积累了一定的理论和实践经验，并且自己也对这3年来的学习实践历程有一个梳理，以供后面来细细回忆品味。1、为什么选择学习前端开发？你可能是因为兴趣，完成一个网站、页面、功能的成就感。你也可能是因为现在前端岗位火爆，就业率高。不管是因为什么，只要找准了目标，学就是了！2、Web前端开发是干什么的？有没有“钱”途？（1）定义：前端开发
前端萧萧·2021-01-17 20:43

web前端入门宝典,来看看大佬的学习之路

开始大佬的表演从事前端开发工作差不多3年了，自己也从一个什么都不懂的小白积累了一定的理论和实践经验，并且自己也对这3年来的学习实践历程有一个梳理，以供后面来细细回忆品味。1、为什么选择学习前端开发？你可能是因为兴趣，完成一个网站、页面、功能的成就感。你也可能是因为现在前端岗位火爆，就业率高。不管是因为什么，只要找准了目标，学就是了！2、Web前端开发是干什么的？有没有“钱”途？（1）定义：前端开发
前端萧萧·2021-01-13 14:40

web前端入门的那些知识，你get到了吗？

前言想要学会一门功课，做好一件事，必须得用功，多学多想多练,总的来说，如果发现问题的话，得学会如果去解决问题1.初接触前端开发的话，一般自学者最好是使用Dreamweaver这个软件，因为这个软件是一款可视化网页制作软件，所见所得可以说这软件基本是入门“神器”，相对于初学者来说，前端入门就应该先要学会HTML+CSS，学会独立做一个静态页面，而且这门语言是所有语言中最最最简单的语言。下面是一些前端
一心一意对前端·2020-12-18 17:24

Web前端入门必知——浏览器基础知识

浏览器的主要功能：是将用户选择的web资源呈现出来，它需要从服务器请求资源，并将其显示在浏览器窗口中，资源的格式通常是HTML，也包括PDF、image及其他格式。用户用URI（UniformResourceIdentifier统一资源标识符）来指定所请求资源的位置。浏览器的主要组件包括：1.用户界面－包括地址栏、后退/前进按钮、书签目录等，也就是你所看到的除了用来显示你所请求页面的主窗口之外的其
hugo233·2020-12-17 21:05

web前端入门宝典,来看看大佬的学习之路

开始大佬的表演从事前端开发工作差不多3年了，自己也从一个什么都不懂的小白积累了一定的理论和实践经验，并且自己也对这3年来的学习实践历程有一个梳理，以供后面来细细回忆品味。1、为什么选择学习前端开发？你可能是因为兴趣，完成一个网站、页面、功能的成就感。你也可能是因为现在前端岗位火爆，就业率高。不管是因为什么，只要找准了目标，学就是了！2、Web前端开发是干什么的？有没有“钱”途？（1）定义：前端开发
QIANDXX·2020-12-16 17:22

html+css+javascript 网页设计 从入门到精通_web前端入门基础知识（分享篇）

web前端入门基础知识，作为合格的Web前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一两个还不行，必须对这三门语言都要熟悉。下面我们一起来看一看吧！
weixin_39827798·2020-11-29 13:03

前端中全部盒子靠左对齐_web前端入门必学的16个知识点，都来看一下吧

1、HTML常用标签语言是什么、Web前端开发语言、HTML超文本标记语言、网页主体结构、常用标签、超链接(a标签)、Img图片标签2、盒子模型初探Div盒子模型、css样式、简单css样式、盒子模型Border边框讲解、盒子模型外边距盒子模型内边距、盒子模型占位计算、ul无序列表、ol有序列表、dl定义列表、补充知识(css)3、样式初始化及display+外边距合并样式初始化、元素类型转换、内
weixin_39669701·2020-11-29 01:27

Python-100-Days day16~20 Python语言进阶

项目地址https://github.com/jackfrued/Python-100-DaysDay01~15-Python语言基础Day16~20-Python语言进阶Day21~30-Web前端入门
归璨xxx·2020-10-24 23:07

Python-100-Days 第十四天 网络编程入门和网络应用开发

项目地址https://github.com/jackfrued/Python-100-DaysDay01~15-Python语言基础Day16~20-Python语言进阶Day21~30-Web前端入门
归璨xxx·2020-10-14 00:46

Python-100-Days 第十天 图形用户界面和游戏开发

项目地址https://github.com/jackfrued/Python-100-DaysDay01~15-Python语言基础Day16~20-Python语言进阶Day21~30-Web前端入门
归璨xxx·2020-10-06 00:51

Web前端入门笔记 JavaScript基础语法

文章目录1.初识JavaScript1.2JavaScript是什么1.3HTML/CSS/JS的关系1.4浏览器执行JS简介1.5JS的组成1.6JS初体验1.6.1行内式JS1.6.2.内嵌式JS1.6.3外部JS1.7JavaScrip注释1.8JavaScrip输入输出语句2.变量2.1什么是变量2.2变量在内存中的存储2.2变量的使用2.3变量语法扩展2.3.1变量更新2.3.2声明多个
UncoDong·2020-10-05 15:59

Python-100-Days 第九天 面向对象进阶

项目地址https://github.com/jackfrued/Python-100-DaysDay01~15-Python语言基础Day16~20-Python语言进阶Day21~30-Web前端入门
归璨xxx·2020-10-01 22:17

Web前端入门 HTML+CSS基础

HTML+CSS基础知识总结目录HTML+CSS基础知识总结1.web标准2.HTML基本标签2.1基本标签2.2表格表格标题caption2.3表单2.4标签分类和特性3.选择器3.1常用选择器种类3.2选择器权重和优先级(重点)4.CSS属性4.1文字属性4.2背景4.3边框5.盒模型6.浮动为什么要浮动？怎么清除浮动？（重点）清除浮动的几种方式（重点）7.定位8.display属性值9.伪类
Web_chicken·2020-09-17 10:49

web前端入门到实战：纯css3漂亮的checkbox和radio美化效果插件Pretty.css插件

插件介绍pretty.css是一款纯css3漂亮的checkbox和radio美化效果。pretty.css可以和多种字体图标结合使用，对原生的checkbox和radio进行美化，还可以制作按钮点击时的动画效果。浏览器兼容性教程pretty.css是一款纯css3漂亮的checkbox和radio美化效果。pretty.css可以和多种字体图标结合使用，对原生的checkbox和radio进行美
魔方编程·2020-09-16 04:57

web前端入门到实战：css中display属性

display属性共有4个值：blcok：块级元素inline-block：行内块级元素inline：行内元素none：隐藏元素，不占据空间1.块级元素常见的块级元素有div,p,ul,ol,li,h1~h6等块级元素会默认占满父元素的宽度且独占一行尽可能的占满父元素的宽度2.行内元素常见的行内元素有span,img,a,input,button,textarea、select等，他的宽度完全由内
魔方编程·2020-09-15 15:25

前端每周清单第 7 期：Vue现状与展望、编写现代 JavaScript 代码、Web 开发者安全自检列表...

从属于笔者的Web前端入门与工程实践的前端每周清单系列系列；部分文章需要自备梯子。
weixin_33739541·2020-09-14 02:40

web前端入门到实战：html DOM简介

一DOM是什么DOM是HTML和XML文档的编程接口。它不同于把html源码在浏览器窗口当做页面或使用文本编辑器当做纯文本展示，它是对文档的另一种结构化的表述。DOM把文档的所有节点都解析为一个对象，并提供了一些属性和方法来描述它们。DOM是W3C的标准。它被分为3个部分：核心DOM：针对任何结构化文档的标准模型XMLDOM：针对XML文档的标准模型HTMLDOM：针对HTML文档的标准模型DOM
魔方编程·2020-09-13 20:40

如何学好前端？Python？小白看过来！内含学习资料！！

下面Web前端老师总结了一些关于Web前端入门的东西，希望对大家有所帮助。1、Web前端入行门槛低吗？对于这个问题，应该辩证地看。
web6466·2020-09-13 00:24

WebAssembly 初体验：从零开始重构计算模块

WebAssembly初体验：从零开始重构计算模块从属于笔者的Web前端入门与工程实践，更多相关资料文章参考WebAssembly学习与实践资料索引和React学习与实践资料索引。
weixin_34088598·2020-09-12 17:24

Web前端开发门槛低，到底低在哪儿？

Web前端入门门槛低体现在HTML和CSS上，前者只是结构标签，后者是样式配置，入门是非常简单的。Web前端入门门槛低的另一个重要体现就是，符合82定律，也就是20%的东西使用率占到80%。
猿说前端·2020-09-11 23:09

WEB前端入门知识及要点大全

互联网行业中学习web前端技术门槛相对较低，非常易懂好学，而且薪资待遇也比较高。很多人择业会选择前端行业，以至于前端越来越盛行，前端人才也逐渐增多。但是初学者还对前端缺少了解，下面爱创课堂就为大家具体介绍下前端及知识要点：一、WEB前端是什么？使用HTML/CSS/JS以及更多的框架技术，编写网站页面、App应用、小程序、2D&3D游戏、WebVR&AR等应用，通过内容设计、交互动画、数据操作构建
爱创课堂培训崔老师·2020-09-11 06:37
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他