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

HTML基础-05

字体 文本颜色:color:red;字体分类:  衬线字体serif    --字体宽度各异,有衬线    --Times、Georgia、宋体  无衬线字体sans-serif    --字体宽度各异,无衬线    --Helvetica、Verdana、Arial、微软雅黑  ...[2020/7/24]

WEB前端第十二课——CSS盒子

1.盒子模型主要定义四个区域:内容(content)、内边距(padding)、边框(border)、外边距(margin) 2.border,设置元素的边框,属性(边框三要素):宽度、样式、颜色,这也是通常border属性值的书写顺序(非严格要求)   单独书写:border-wi...[2020/7/23]

HTML其他概念

(一)WEB初识 【1】浏览器 五大主流浏览器 开发团队或浏览器内核简称 CSS3特定属性(新属性加前缀) Chrome webkit -webkit-transform Safari webkit IE ms Firefox moz Opera o...[2020/7/23]

3D立体效果

3D立体效果

效果图看左上角 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>基于CSS3的3D立方体旋转动画&...[2020/7/23]

【代码笔记】Web-CSS-CSS伪类

一,效果图。   二,代码。   <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 伪类<...[2020/7/23]

WEB前端第十一课——CSS选择器

1.属性选择器   通过HTML的属性及属性值来选择元素,如<p att= "val" >文本内容</p>,cla 即是<p>元素的属性,val 则是 att 的属性值   属性选择器的书写格式:元素[属性名称 = "属性值"] {co...[2020/7/22]

CSS3新特性

“常说,要认识一个人①,大概了解一下背景,然后见面时打招呼讲什么语言规矩范礼②,她回应了,声音很好听,你会继续选择③用选择什么语气对待?而且又怎么漂亮,相信自己不会拒绝④的,来预先处理⑤好情绪,好让彼此能有一个新的开始⑥,给生活一个甜美的谜底吧⑦”--晚安,EmilyChen! (一)...[2020/7/22]

CSS画图

一、画三角形 参考资料:https: www.cnblogs.com/wangjiachen666/p/9462837.html 思路:div的宽高设为0,线宽设为一个较大的数,边框颜色分开设置,把不需要的块背景色设为透明,就可以了。 <!DOCTYPE html> &...[2020/7/22]

WEB前端第十课——CSS字体、文本、列表属性

WEB前端第十课——CSS字体、文本、列表属性

1.字体属性   color,规定文本的颜色,如 div{color:red;}   font-style,规定文本显示方式,如 p.normal {font-style: normal;} ,有normal(正常显示)、italic(斜体显示,字体结构有一定变化)、oblique(...[2020/7/22]

Bootstrap 美化样式

Bootstrap 美化样式

body { font-family: ''Lora'', serif; font-size: 16px; color: #6f6767;}a { color: #6f6767;}a:hover { color: #17223f; text-decoration: no...[2020/7/22]

学Web前端要熟练哪些技能?怎样才能顺利求职?

学Web前端要熟练哪些技能?怎样才能顺利求职?Web前端是公认的入门简单、就业广阔的行业之一,但随着越来越多的人加入到前端行业,企业对相关人才的招聘门槛也在无形中被抬高。很多人想知道Web前端开发人才掌握什么技术才能通过企业面试?接下来小编就给大家一一列举。   &nb...[2020/7/21]

使用css写带纹理渐变背景图的示例代码_CSS教程_CSS

项目中页面长度大概在2000px以上,再加上背景图是带纹理和渐变的,所以加载起来会很大很耗费时间,所以就改用c 实现了。 这次我们主要用到的网站是Hero Patterns——免费在线纹理素材库 这个网站中有很多现成的背景,也可以自定义背景色,纹样的颜色和透明...[2020/7/21]

移动端重置样式 特殊处理 - 西门-吹发

  移动端重置样式 1、禁止用户选中文字,安卓无效 ­webkit­user­select: none? 2、禁止长按弹出系统菜单。 ­webkit­touch­callout: none? 3、去除android下a/...[2020/7/21]

浏览器记住密码的机制

浏览器记住密码的机制 首先理解浏览器保存密码和自动填充是两个机制,记住密码机制需要遵循同源策略 测试浏览器(mac) 浏览器 版本 google 56.0.2924.87 (64-bit) firefox 51.0.1 (64 位) safari 10.0 (...[2020/7/21]

基于 Vue 的 Electron 项目搭建

基于 Vue 的 Electron 项目搭建

Electron 应用技术体系推荐 目录结构 demo(项目名称) ├─ .electron-vue(webpack配置文件) │? └─ build.js(生产环境构建代码) | └─ dev-client.js(热加载相关) │? └─ dev-runner.js(开发环境启...[2020/7/21]

前端程序员饱和了吗?我们公司给初级前端开到了12K

前端程序员饱和了吗?我们公司给初级前端开到了12K

故事起因:   最近我有个刚毕业的学生问我说:我感觉现在前端行业已经饱和了,也不是说饱和了,是初级的前端根本就没有公司要,哪怕你不要工资也没公司要你,前端刚学出来,没有任何的项目经验和工作经验,根本就不会有公司要你啊,这是最大的一个问题,而且现在也没有任何公司找初级前端,实习前...[2020/7/21]

静态资源三剑客——HTML

打开Javaweb的方式   B/S架构详解       HTML 1.0 HTML的介绍和快速入门 HTML标签的详解 1.0 文件标签   2.0 文本标签     3.0 列表标签 ...[2020/7/21]

静态资源三剑客——CSS

初识CSS 1.0概念以及好处   2.0CSS与HTML结合 (1)内联样式   ( 2 ) 内部样式   ( 3 ) 外部样式   与CSS更近一步 1.0CSS的使用语法格式 2.0 选择器 (1) ...[2020/7/21]

html5—旋转立方体

以上立方体是完全参考 https: blog.csdn.net/liuyingshudian/article/detail 105249962 完成。 <!DOCTYPE html> <html> <head> <...[2020/7/21]

CSS 伪类修改input选中样式

CSS 伪类修改input选中样式

 主要是用到了after伪类和字体符号。 1 input{ 2 -webkit-appearance: none; 3 -moz-appearance: none; 4 appearance: none; 5 display: in...[2020/7/18]

HTML基础-04

HTML基础-04

定位   定位:通过定位可以将元素摆放在页面中任意位置 语法:position属性设置元素的定位 可选值:static:默认值,开启定位     relative开启相对定位     absolute开启绝对定位     fixed开启固定定位   ...[2020/7/18]

关于css在html的三种使用方式 - Warm-px

关于css在html的三种使用方式 - Warm-px

关于c 在html的三种使用方式 1、内联样式(直接在html里面使用style)   eg:<h1 style="color:skyblue">这是一个测试标题</h1> 2、内联样式表(于在HTML文档头部 <head> 区域使用<st...[2020/7/17]

CSS设置盒子容器(div)高度(height)始终为100%_CSS教程_CSS

前言 有时需要让一个盒子容器的 高度始终保持100%,无论怎么缩放浏览器高度始终不变。就像一些网站的侧边栏,但直接设置盒子容器的高度为100%是不起作用的。 demo 如果想让一个元素的百分比高度height: 100%;起作用,你需要给这个元素的所有父元素的高度设定一个有效值。拿...[2020/7/17]

CSS使用calc()获取当前可视屏幕高度的实现_CSS教程_CSS

先了解一下CSS3的相对长度单位(参考详细教程) : 相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设备相对长度更适用。 em 它是描述相对于应用在当前元素的字体尺寸,所以它也是相对长度...[2020/7/17]

css高度随宽度比例变化的几种实现方法_CSS教程_CSS

【方案一:padding实现】 原理: 一个元素的 padding,如果值是一个百分比,那这个百分比是相对于其父元素的宽度而言的,padding-bottom 也是如此。 使用 padding-bottom 来代替 height 来实现高度与宽度成比例的效果,将 padding-bot...[2020/7/17]

CSS中@用法小结(示例详解)_CSS教程_CSS

CSS中@用法小结(示例详解)_CSS教程_CSS

at-rule是一个声明,为CSS提供执行或怎么表现的指令。每个声明以@开头,后紧跟一个可用的关键字,这个关键字充当一个标识符,用于表示CSS该做什么。这是一个通用的语法,尽管每个at-rule有其它语法变体。 常规规则 常规规则遵循下面的语法: 代码如下: @[KEYWO...[2020/7/17]

纯CSS实现自定义单选框和复选框功能_CSS教程_CSS

1 实现效果 2 知识点讲解 2.1 <label>标签 在html中,<label>标签通常和<input>标签一起使用,<label>标签为input元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果,<la...[2020/7/17]

纯Css实现Div高度根据自适应宽度(百分比)调整_CSS教程_CSS

在如今响应式布局的要求下,很多能自动调整尺寸的元素能够做到高宽自适应,如img,通过{width:50%;height:auto;}实现图片高度跟随宽度比例调整。 然而,用的最多的标签一哥Div却不能做到自动调整(要么从父级继承,要么自行指定px,要么给百分比!但是这个百分比是根据父级的高度来...[2020/7/17]

循序渐进VUE+Element 前端应用开发(16)--- 组织机构和角色管理模块的处理

循序渐进VUE+Element 前端应用开发(16)--- 组织机构和角色管理模块的处理

在前面随笔《循序渐进VUE+Element 前端应用开发(15)--- 用户管理模块的处理》中介绍了用户管理模块的内容,包括用户列表的展示,各种查看、编辑、新增对话框的界面处理和后台数据处理操作,本篇随笔继续深化Vue + Element权限管理模块管理的内容,介绍组织机构和角色管理模块...[2020/7/17]

在大厂工作5年的大神,给前端初学者的四大建议

现在的前端技术的发展日新月异,各种新技术层出不穷。 前后端分离的开发模式也让前端开发者的地位日益提升,待遇日渐水涨船高,自然有很多小伙伴慕名入了前端开发的坑,希望能在前端领域大展宏图。 但一个残酷的现实是 市场上从不缺少初级前端开发,稀缺的的永远是高级前端开发 。物以稀为贵,一名高级...[2020/7/17]

css设置文字思源雅黑,分为medium, regular, light

html引入思源黑体 通过Link标签在网页头部引用Google Web Font: <link rel="stylesheet" href="https: fonts.googleapis.com/c ?family=Noto+Sans+SC:100,300,400,500,...[2020/7/17]

前端 引用svg图片,支持动态切换颜色

当我们添加一张svg图片显示时,react提示找不到文件。 我们可以在全局文件global.d.ts内,添加图片类型的声明: 详见《TypeScript 引用资源文件后提示找不到的错误处理方案》 声明之后,引用不报错了。然后我们看看svg图片,里面有颜色及其它设置: 1 &l...[2020/7/17]

循序渐进VUE+Element 前端应用开发(17)--- 菜单资源管理

在权限管理系统中,菜单也属于权限控制的一个资源,应该直接应用于角色,和权限功能点一样,属于角色控制的一环。不同角色用户,登录系统后,出现的系统菜单是不同的。在VUE+Element 前端中,我们菜单结合路由集合,实现可访问路由的过滤,也就实现了对应角色菜单的展示和可访问路由的控制,详细可...[2020/7/17]

没有基础怎么学Web前端?相关学习路线是什么?

没有基础怎么学Web前端?相关学习路线是什么?随着互联网的迅猛发展,互联网项目对用户体验提出了更高的要求,Web前端开发人员成为了重要的研发角色。很多人想要快速加入前端开发这一高薪行列,对于想要学习Web前端的人而言,小编建议你做好以下准备     1、多多...[2020/7/17]

Layui表格选中指定行的radio单选框并滚动到该行

layui table有多行数据,通过外部输入内容,需要定位到指定行,选中改行,对改行进行操作。 实现效果: HTML代码: 1 <body> 2 <div cla ="layui-fluid"> 3 <input ...[2020/7/17]

面试了几个前端,给爷整哭了! - 前端-发际线还在

长沙这边面试了几个三年的前端,给我整哭了, 简历简历不带,问点基础题,一问三不知, 问个水平垂直居中布局,支支吾吾半天说不出来, 还有个弟弟说你这样问我不知道怎么回答,累了。 我只想说,这真的有三年的经验嘛? 如果有收获?希望老铁们来个三连,点赞、收藏、转发 ...[2020/7/17]

循序渐进VUE+Element 前端应用开发(18)--- 功能点管理及权限控制

在一个业务管理系统中,如果我们需要实现权限控制功能,我们需要定义好对应的权限功能点,然后在界面中对界面元素的功能点进行绑定,这样就可以在后台动态分配权限进行动态控制了,一般来说,权限功能点是针对角色进行控制的,也就是简称RBAC(Role Based Acce Control)。在前面...[2020/7/17]

小火箭返回顶部

网页中常常会有一个 返回顶部的功能,恰巧我这天写到了,在网上找了一下思路,下面就写了一个案例: 效果预览:https: li_shang_shan.gitee.io mall_rocket_back_to_top。 代码就直接粘贴了: <html> <h...[2020/7/17]

如何用gitee仓库展示静态网页

最近看见别人可以使用仓库展现自己的静态页面 如:https: li_shang_shan.gitee.io/xiaomi/ 我想来到这里来的小伙伴,都知道怎么搭建自己的码云仓库,以及上传代码到自己的仓库。所以前面的东西就不赘述了。直接上正题     &nb...[2020/7/17]

有个疑问,想知道你们的前端都是自学吗?

有个疑问,想知道你们的前端都是自学吗?

对于前端入行现在大概有这么几种:1.大学里修前端课程,2.查资料看视频自学前端,3.参加前端培训。 对于这三种学习方式,自学前端是属于最难的一种,咱们先简单的说一下另外两种方式, 然后我再着重说下自学前端。除了自学前端外,外两种学习式称为被动学习。大家可以看到,不管是大学里前端课程还是...[2020/7/17]

小米官网轮播图

效果预览:https: li_shang_shan.gitee.io/imitated_millet_rotation  源码下载:https: gitee.com/li_shang_shan/imitated_millet_rotation 结构代码如下: <h...[2020/7/17]

最全vue的vue-amap使用高德地图插件画多边形范围

一、在vue-cli的框架下的main.js(或者main.ts)中引入高德插件,代码如下: import Vue from ''vue'' import VueAMap from ''vue-amap'' import ElementUI from ''element-ui'' ...[2020/7/17]

HTML基础-02

<header>网页头部              <hgroup>一个标题组 <main>网页主体 &nbs...[2020/7/17]

HTML基础-03

HTML基础-03

盒子模型   盒子模型(框模型 box model)   - 浏览器在渲染页面时,它会将页面中的每一个元素都想象成是一个矩形的盒子。   - 想象成盒子以后,对于页面的布局就变成了如何摆放盒子   - 每一个盒子从内到外都有以下几个部分组成 内容区(content...[2020/7/17]

web前端到底是自学好还是去培训机构好?有啥差别吗?

前端开发在进些年得到了更多的重视,尤其随着移动互联网的发展,前端开发从传统的PC端走向了移动端,前端开发的技术也得到了丰富的发展,目前的不少科技公司把ios开发、android开发都并入到了前端开发团队,可以说前端开发现在占据着重要的地位。这也是现在越来越多人选择转行学习前端开发。 ...[2020/7/17]

前端不求人系列——自己制作一个Icon字体图标

前端不求人系列——自己制作一个Icon字体图标

图片格式的icon图标有很多缺点,例如放大时会失真,图片体积大,不支持变色等,这篇文章会手把手指导你如何将一个png、jpg等图片格式的icon转换成字体文件的图标 用下面的png图片做示例 (一)首先我们需要找到一个png图片转svg矢量图的网站,百度上可以找到很多这种网站,我...[2020/7/17]

使用before和after属性选择器

最近仿造了小米官网写了一遍,可以说是完全把官网给写完了。 官网中有一个log切换的动态效果,有点把我卡住了找方法找了许久,然后用一个简单的方法实现了: 先了解一下before和after两个属性选择器: before:在元素之前插入内容; after:在元素之后插入内容; 两个...[2020/7/14]

阿里巴巴矢量图标库的使用

阿里巴巴矢量图标库的使用

在参考小米官网写页面你时,会发现小米中有很多的矢量图标,小米的图标或许是自己的,但是我们写页面时要用到矢量图标时怎么办,可以使用阿里提供的图标库 阿里矢量图标库网址:https: www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a48...[2020/7/14]

css中的flex布局

flex布局 任何一个容器都可以指定为flex布局 当父盒子设为flex布局后,子元素的float、clear、vertical-align属性将失效 伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局 采用flex的元素,称为Flex容器(flex container)简称...[2020/7/14]

循序渐进VUE+Element 前端应用开发(15)--- 用户管理模块的处理

在前面随笔介绍了ABP+Vue前后端的整合处理,包括介绍了ABP的后端设计,以及前端对ABP接口API的ES6的封装,通过JS的继承类处理,极大减少了重复臃肿的代码,可以简化对后端API接口的封装,而且前端使用Element组件,很好展示API获得的数据,通过在界面中展示树状列表,以及表...[2020/7/13]

85
2
记录数:3122 页数:1/6312345678910下一页尾页
加载更多
 友情链接: NPS  问卷模板