经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 CSS

Web 创建设计

Web 创建设计 设计一个网站,需要认真思考和规划。 最重要的是要知道你的访问用户。 用户是浏览者 一个典型的访问者将无法读取您的网页的全部内容! 无论您在网页中发布了多么有用的信息,一个访问者在决定是否继续阅读之前仅仅会花几秒钟的时间进行浏览。 请确保使你的观点,在页面的第...[2020/6/27]

web CSS3 实现3D动态翻牌效果 - 西门-吹发

使用纯CSS3 实现翻牌效果  需要注意要给子盒子使用绝对定位,这样两个盒子可以完全重合在一起,需要给父盒子一个 transform-style: preserve-3d;让子盒子翻转时保持3D效果, perspective: 400px;可以给父盒子一个视...[2020/6/24]

使用CSS的clip-path属性实现不规则图形的显示_CSS教程_CSS

clip-path CSS 属性使用裁剪方式创建元素的可显示区域。区域内的部分显示,区域外的隐藏。 例子 div { width: 200px; height: 200px; background: #6c00af; -webkit-clip-pa...[2020/6/24]

css字体可以小于12px!被小米官网打脸

客户有个网站要改版,找新来的设计重新做了图 设计图纸上是一排5个显示,字体用的22px。当然,px设计图是750px宽度的,用iphone6来模拟的话,跟实际显示存在2倍关系,也就是实际字体是11px,我表示无法实现,改成了12px大小     设计图长这...[2020/6/24]

web CSS3 实现3D旋转木马 - 西门-吹发

3D 旋转木马是CSS中常见的特效之一,旋转木马可以有多种方法实现,这里我使用纯CSS实现这种动画的效果。       简要介绍一下重点 transform: rotateY(60deg) translateZ(300px);这是必须先旋转后 沿着z轴...[2020/6/24]

前端动画必知必会:React 和 Vue 都在用的 FLIP 思想实战

前言 在 Vue 的官网中的过渡动画章节中,可以看到一个很酷炫的动画效果 乍一看,让我们手写出这个逻辑应该是非常复杂的,先看看本文最后要实现的效果吧,和这个案例是非常类似的。 预览   分析需求 拿到了这个需求,第一直觉是怎么做?假设第一行第一个图片移动到了第...[2020/6/24]

让你见识一下什么叫最完整、最系统的前端学习路线

随着互联网的深入发展,前端开发工程师已成为市场上极具竞争力的人才。许多学生,包括以前的UI,java,或完全零基础,想学习的前端。那么话不多说,直接上干货,希望能帮助到大家。 前端开发受欢迎程度: 2019年,JetBrains 发起了其标准的年度调查项目,开发人员生态系统调...[2020/6/24]

零基础开始学前端有什么建议?

如今,随着物联网时代的到来和网络营销的日益发展,前端技术比以往更加火热。我们可以看到Web应用与新技术趋势紧密相连,而这直接导致了前端行业广阔的就业前景。正因如此,学习前端的朋友越来越多了。为了帮助大家可以更高效地学习,本文为大家总结了一些零基础开始学前端的建议,希望大家可以少走一些不必...[2020/6/24]

CSS如何匹配到多个class的示例代码_CSS教程_CSS

c 匹配到多个cla 如下html标签li,cla 有open样式。我的需求是只有当open,active同时存在时,修改背景色为白色 <li id="menu_268098" title="账户信息查询" cla ="o...[2020/6/23]

大三计算机专业女生找前端师傅,求带?

今年学习前端的人好多,就业确实比较好的,企业现在安卓、iOS开发人员都在学习HTML5混合开发,节约成本、一专多能是未来很多企业用人趋势! 想找前端前辈带着学习。首先我们要掌握学成前端的必要因素: 全套基础精讲视频教程。1.有经验的技术好的人在前期带你少走弯路。2.明确的学习规划路线,...[2020/6/23]

如何利用vw+rem进行移动端布局_CSS布局实例_CSS

你还在用rem弹性布局吗?在html文件头部放入一大段压缩过的js代码,是不是让你很难受?来了解下vw吧,能让你的代码更纯粹 简单介绍下rem布局方案 rem是c 中的长度单位,1rem=根元素html的font-size值。当页面中所有元素都使用rem单位时,你只需要改变根元素font-...[2020/6/23]

低学历的程序员之路怎么走下去?

低学历的程序员之路怎么走下去?

昨天有个朋友在微信上跟我聊了聊他目前的处境,我觉得这个话题很有共性,所以将我们的对话分享出来,以供各位参考。 目前个人 2 年工作经验,身处新一线城市,月薪税后刚刚10K,此为自己目前情况。 由于当年的不努力学习,欠了学历债。 目前学历大专(非计算机专业),报考了本科网络教育(已拿证),...[2020/6/23]

前端菜鸟是这样入门学习web前端的,请点进来!

现在从事IT方向的人有很多。由于Web前端薪资水平高,职业前景广阔,岗位缺口大,就业口径宽,想通过学习Web前端开发从而进入到该行业工作的人越来越多。当然也有很多人在犹豫不知道web前端开发都学哪些内容?零基础的可以学会吗?好不好学. 前端涉及到的东西太多了,自己也很浮躁,看了挺多书,...[2020/6/23]

CSS如何匹配到多个class

CSS如何匹配到多个class

c 匹配到多个cla 如下html标签li,cla 有open样式。我的需求是只有当open,active同时存在时,修改背景色为白色 <li id="menu_268098" title="账户信息查询" cla ="open...[2020/6/23]

HTTP状态码(HTTP Status Code)

状态码由三位数字组成,第一个数字定义了响应的类别,共分五种类别: 1xx:指示,请求已接收,继续处理 2xx:成功,操作被成功接收并处理 3xx:重定向,需要进一步的操作以完成请求 4xx:客户端错误,请求包含语法错误或无法完成请求 5xx:服务端错误 常用状态码 状态码 英...[2020/6/23]

CSS实现背景渐变和自动全屏的代码_CSS教程_CSS

CSS 关于背景渐变和自动全屏的问题 主编在c 开发时发现了一个致命的问题: 在设置了背景颜色渐变后好不容易调成了全屏覆盖 但按下了F11的时候崩溃的世界开始了 所以这篇文章主要介绍CSS背景渐变色和自动全屏适应 背景渐变色 本文只介绍线性渐变 背景渐变相信大家也都不陌生先看下图...[2020/6/23]

css伪类 右下角点击出现 对号角标表示选中的示例代码_CSS教程_CSS

效果: c : .s_type { border: none; border-radius: 5px; background-color: #f3f3f3; padding: 7px 0; color: #606266; ...[2020/6/23]

【前端学习分享】HTML+CSS京东商城静态页面

【前端学习分享】HTML+CSS京东商城静态页面

注意事项 一、CSS的定位问题position static 没有定位,遵循正常的文档流对象。 以下使用较多 fixed 相对于浏览器窗口是固定的,窗口的他不会移动(比如说百度弹出来的登录窗口,不会移动) relative相对定位元素的定位是相对其正常位置,相对定位元素经常被用来作...[2020/6/23]

前端 平滑滚动到底部/顶部

页面滚动时,添加平滑特效 1.在页面入口处,添加c 1 html { 2 scroll-behavior: smooth; 3 } 添加全局c 之后,直接使用window.scroll(0,0)就可以平滑滚动到顶部了。 注:兼容性很差,仅支持火狐、chrome高级版本...[2020/6/23]

转行前端到底是自学好还是培训好?

学习web前端开发有必要去培训班吗? 很多人在考虑向web前端转行的时候都会问这个问题,毕竟参加培训班需要投入时间和金钱,学完之后效果如何,是否能够顺利找到工作,是很多人都会担心的问题。对于这个,给大家分析一下web开发零基础怎样入门以及web开发自学好还是培训好?   ...[2020/6/22]

CSS:元素的显示与隐藏(display、visibility、overflow)

1、display显示与隐藏 (1)display的属性值 none:隐藏元素 block:转换为块级元素、显示元素 (2)隐藏 不添加隐藏盒子的属性 <!DOCTYPE html> <html> <head> &...[2020/6/22]

简单两步使用css控制div下导航栏ul居中显示

第一步:父层设置文本居中属性 ul{ text-align:center; } 第二步:li设置内联样式 li{ display:inline; } PS 只需以上两步就可以实现导航栏居中显示了,但为了美观好看,可以稍微加点料。以下供参考 <style...[2020/6/22]

css层叠规则

从零开始的前端生活 --c 层叠规则 层叠上下文 网页上的元素其实是三维的,类似于高中学的左手坐标系,Z轴就是垂直于屏幕。层叠上下文跟“块状格式化上下文”(BFC)类似,只要元素拥有某些特定的c 属性,就会表现出层叠上下文的特点。 层叠顺序 前提是重叠在一起,就会按照上图的规则呈现...[2020/6/22]

深度剖析 | 初学者应该如何学习前端?

深度剖析 | 初学者应该如何学习前端?

优秀的前端开发工程师要在知识体系上要有广度和深度,要具备快速学习的能力。 前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、及一些基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、分层语义模板和浏览器分级支持等。 一、前端工程师至少要满...[2020/6/22]

CSS:浮动(左浮动、右浮动)

CSS:浮动(左浮动、右浮动)

1、标准流(普通流/文档流) 标准流就是标签按照规定好的默认方式排列 (1)块级元素会独占一行,按照从上到下的方式排列 (2)行内元素会按照顺序,从左到右的顺序进行排列,遇到父元素则自动换行 (3)纵向排列标准流,横向排列用浮动   2、浮动的简单应用 (1)让多...[2020/6/22]

CSS:清除浮动(额外标签法、父级添加overflow、伪元素法、双伪元素法)

1、清除浮动的原因 (1)不清除浮动的情况: 由于父级的子元素不方便给高度(不给高度的时候父盒子的大小由里面包含的子盒子来决定),但是,子元素为浮动的又不占有位置,导致父级的盒子高度为0的时候就会影响下面的标准流的盒子。 <!DOCTYPE html> <htm...[2020/6/22]

阿里P8前端工程师分享:如何成为一名优秀的前端工程师!

前后端分离的开发模式让前端开发者的地位日益提升,待遇水涨船高,这又吸引了一拨人慕名学习前端课程,希望能在前端领域大展宏图。 但一个残酷的现实是市场上不缺普通前端开发,缺的是掌握专业技能的优秀前端工程师。       优秀的前端工程师和普通前端工...[2020/6/22]

新技术新框架不断涌现,目前学习web前端开发都要掌握什么?

新技术新框架不断涌现,目前学习web前端开发都要掌握什么?

web前端开发由网页制作演变而来,随着web2.0的发展,网页不再只是承载单一的文字和图片,各种丰富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。 经过了市场的沉淀,很多前端们开始无所适从,以前简单的技能已经无法适用前端技术的发...[2020/6/22]

Web前端兼容性指南

一、Web前端兼容性问题 一直以来,Web前端领域最大的问题就是兼容性问题,没有之一。   前端兼容性问题分三类: 浏览器兼容性 屏幕分辨率兼容性 跨平台兼容性   1、浏览器兼容性问题 第一次浏览器大战发生在上个世纪90年代,微软发布了IE浏览器,和网景...[2020/6/22]

屏幕分辨率基础概念PX,PT,DP,DPR,DPI说明

屏幕分辨率基础概念说明 缩写 全称 说明 PX Device Pixels 设备像素,指设备的物理像素 PX CSS Pixels CSS像素,指CSS样式代码中使用的逻辑像素 DOT Dot 点,屏幕...[2020/6/22]

CSS:定位(静态、相对、绝对、固定、粘性)

1、定位 (1)定位 将盒子定在某一个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子 (2)定位的作用 某一个元素可以自由的在一个盒子内部移动,并且压住其他盒子(使用标准流或者浮动很难实现) 定位可以让元素固定屏幕中的某个位置,并且可以压住其他盒子 (3)定位的组成 ...[2020/6/22]

CSS:定位(定位的叠放次序、定位的特性)

1、定位的叠放次序(只有定位的盒子才拥有这个属性) (1)在使用定位布局的时候,可能会出现盒子重叠的情况,此时,可以使用z-index来控制盒子的前后次序。该属性的值可以是正整数、负整数或0,默认是auto,数值越大,盒子越靠上 <!DOCTYPE html> <...[2020/6/22]

textarea文本域光标不居左问题

当文本域获取焦点的时候,有的时候光标并不在最左侧。 <textarea name="" cols="30" rows="10"></textarea> 其实也很简单,将文本域写成上面的形式即可,不要...[2020/6/19]

循序渐进VUE+Element 前端应用开发(12)--- 整合ABP框架的前端登录处理

VUE+Element 前端是一个纯粹的前端处理,前面介绍了很多都是Vue+Element开发的基础,从本章随笔开始,就需要进入深水区了,需要结合ABP框架使用(如果不知道,请自行补习一下我的随笔:ABP框架使用),ABP框架作为后端,是一个非常不错的技术方向,但是前端再使用Asp.NE...[2020/6/19]

html/css 滚动到元素位置,显示加载动画

每次滚动到元素时,都显示加载动画,如何添加?   元素添加初始参数 以上图中的动画为例,添加俩个左右容器,将内容放置在容器内部。 添加初始数据,默认透明度0、左右分别移动100px。 1 左侧容器 2 .item-leftContainer { 3 ...[2020/6/19]

HTML之form表单ENCTYPE属性解析

服务器需要将发送的多媒体数据的类型告诉浏览器,而告诉浏览器的手段就是告知多媒体的MIME类型。 form表单中的enctype属性,可以告诉服务器,我们提供给它的内容的MIME类型。 enctype属性有三种状态值: 1). application/x-w...[2020/6/19]

在web开发中,为什么前端比后端更得到转行程序员的青睐?必看!

在web开发中,为什么前端比后端更得到转行程序员的青睐?必看!

1、Web开发分类与区别 人们通常将Web分为前端和后端,前端相关的职位有前端设计师(UI/UE),前端开发工程师,后端相关的有后端开发工程师。 2、技术栈区别 看各大招聘网站上,公司对前端开发工程师的要求莫过于精通HTML,CSS,JS,有良好的交互设计能力等。再看公司对...[2020/6/19]

“360行,行行转前端”:大家都想Pick的前端岗,究竟有什么好?

“360行,行行转前端”:大家都想Pick的前端岗,究竟有什么好?

随着互联网行业的火爆,近年来,想转前端的学生和职场人越来越多,甚至出现了这样一种现象:360行,行行转前端。现在在网上随便搜“转行”、“前端”,都是酱紫的:       为什么那么多人都想做前端工程...[2020/6/19]

【HTML5】2天搞定HTML5

一,简介 HTML 指超文本标签语言。 HTML 是通向 WEB 技术世界的钥匙。 HTML 5 是下一代的 HTML。 HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。 二,标签 - 标题标签 <h1 - h6> 定义和...[2020/6/19]

float与overflow

从零开始的前端生活--float和overflow float 本质 浮动的本质就是为了实现文字环绕效果。 浮动的特征 包裹与自适应性。 块状化,float不为none时,它的display就是block 万恶之源 使父元素的高度塌陷 <div> &l...[2020/6/19]

为什么Web开发人员在2020年不用最新的CSS功能

为什么Web开发人员在2020年不用最新的CSS功能

转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https: dzone.com/article why-ma es-are-not-using-latest-c -features-in-20   尽管CSS...[2020/6/19]

移动端布局

 移动端常见布局:流式布局、flex布局、rem布局、响应式布局   流式布局(百分比布局、非固定像素布局)    给width百分数   高度不给   flex布局 (弹性布局) 父盒子使用flex布局后,子...[2020/6/19]

前端学习路线图与全套视频(基础篇+进阶篇+高级篇)

面对这么多的知识点,有的盆友就麻爪了……  我是谁? 我该从哪里开始看? 我该怎么看? 我该看多少? 这,是一个问题。  我们贴心的做了一个学习线路图: 然并卵,很多人还是一头雾水…… 我们先...[2020/6/19]

循序渐进VUE+Element 前端应用开发(11)--- 图标的维护和使用

在VUE+Element 前端应用中,图标是必不可少点缀界面的元素,因此整合一些常用的图标是非常必要的,还好Element界面组件里面提供了很多常见的图标,不过数量不是很多,应该是300个左右吧,因此考虑扩展更多图标,我引入了vue-awesome组件,它利用了Font Awesome的...[2020/6/19]

position

从零开始的前端生活--position 包含块 定义:什么是包含块,就是元素用来计算和定位的一个框,可以说是参照物吧。比如width: 50%;他是参照哪个元素的50%,那个元素就是“包含块”。而绝对定位元素absolute的宽度是相对第一个position不为static的祖先元素计算...[2020/6/19]

解决CSS中子元素z-index与父元素兄弟节点的层级问题_CSS教程_CSS

1.问题的出现 写了一个平铺的列表,其中有些列表项具有hover出现的弹出框。希望达成的目标是弹出框展现时,要把列表项内容遮盖住,以保证弹出框内容优先展示。 元素的结构大致如下: <div cla ="list"> <div cl...[2020/6/19]

使用CSS text-emphasis对文字进行强调装饰的实现代码_CSS教程_CSS

使用CSS text-emphasis对文字进行强调装饰的实现代码_CSS教程_CSS

一、引言 在过去,想要对某部分文字进行强调,通常的做法是加粗,或者使用一个高亮的颜色,现在有了新的选择,就是使用 text-emphasis 属性进行强调装饰。 text-emphasis 家族总共有4个CSS属性,分别是: text-emphasis text-e...[2020/6/19]

基于Css Variable的主题切换完美解决方案(推荐)_CSS教程_CSS

  当接到这个需求的时候,百度到业界关于主题切换的方案还挺多的,c 链接替换、cla Name更改、le .modifyVars、c in js等等,但每一种方案听起来都是又累又贵。有没有那种代码侵入低,小白无脑又好维护的方案呢?那自然是有的,确切的说是c 它本身就支持。 C ...[2020/6/19]

你真的了解CSS继承吗?看完必跪

也许你瞧不起以前的 c ,但是你不该再轻视眼下的 c 。近年来 c 的变量系统已逐步得到各大浏览器厂商支持,自定义选择器等强势袭来,嵌套系统/模块系统也在路上…为了更好的掌握 c 这门语言,很有必要把之前零零散散的 c 知识回炉重造下。 c 作为一门语言而,也...[2020/6/17]

资深阿里程序员一一为你解刨Web前端知识体系结构,付出与收获成正比!

只要接触过前端,都会指导web前端的知识主要由三部分组成:分别为静态html,样式c ,动态javascript(简称js)这三大部分组成。其三部分组成的一个体系的复杂程度不亚于其他一门技术的复杂程度。当然对于跟我一样厉害的那些web前端来说那就是小菜一碟,但是很多人都只学了表面,基础部...[2020/6/17]

85
2
记录数:3000 页数:1/6012345678910下一页尾页
加载更多
 友情链接: NPS