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

HTML连载64-a标签伪类选择器的注意点与练习 - 心悦君兮君不知-睿

一、a标签的伪类选择器注意点 (1)a标签的伪类选择器可以单独出现,也可以一起出现。也就是可以设置多个状态的样式。 (2) a标签的伪类选择器如果一起出现,那么有严格的顺序要求,编写的顺序必须要遵守原则: (love\hate原则,即link\visited\hover\active...[2020/1/19]

CSS中使用文本阴影与元素阴影

CSS中使用文本阴影与元素阴影

文本阴影介绍 在CSS中使用text-shadow属性设置文本阴影,该属性一共有4个属性值如:水平阴影、垂直阴影、(清晰度或模糊距离)、阴影颜色。 text-shadow属性值说明,在文本阴影实践中:第一个值是设置阴影水平方向移动,第二个值是设置阴影垂直方向移动,第三个值是设置阴影模糊距...[2020/1/18]

a标签打开一个已有页面自动刷新而不是开一个新标签

https: www.zhangxinxu.com/wordpre 2019/10/a-href-target-window-blank-refresh/ 原文链接:http: www.cnblogs.com/lwwen/p/12206505.html[2020/1/17]

小结常见布局技巧

小结常见布局技巧

1.0 子绝父相,盒子塌陷,创建BFC 当浮动解决不了问题的时候,会考虑用定位实现,而为了页面的稳定性,要给父元素相对定位? 当嵌套的标准流,块级子盒子设置上外边距就会出现塌陷? 触发BFC能解决日常网页开发中很多不必要的麻烦   2.0 布局规律 从上到下,从外到内,...[2020/1/17]

清除浮动的4种方式

浮动:让多个块元素可以在一行显示 让多个div放一行 问题:浮动是脱标的,因此会影响别的盒子 ,不在保留原来位置。 清除浮动的本质: 解决父级元素内高为0的问题(子级浮动后),让父级占位子。   相对于定位,在应用的时候,子绝父相,父级元素保留位置,故虽同脱标...[2020/1/17]

深入理解 CSS(Cascading Style Sheets)中的层叠(Cascading)

标题中的 Cascading 亦可以理解为级联。 进入正文,这是一个很有意思的现象。可以直接跳到 总结一下 部分,看完再回过头来阅读本文。   引子 假设我们有如下结构: <p cla ="txt" style="color:re...[2020/1/17]

CSS教程:css属性之媒体(Media)类型_CSS教程_CSS

样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如"font-size"属性只对可卷动的媒体类型有效(屏幕)。 声明一个媒体属性可以用@import或@media引入: @import url(lou...[2020/1/17]

移动端自适应样式之@media的使用方法_CSS教程_CSS

通用手机端样式: @media all and (orientation : portrait) { /*竖屏*/ } @media all and (orientation : landscape) { /*横屏*/ } 指定手机端高度样式: @media sc...[2020/1/17]

元素的显示与隐藏

一些比较好的隐藏实践 1. 如果希望元素不可见,同时不占据空间,辅助设备无法访问,同时不渲染,可以使用 <script> 标签隐藏 <script type="text/html"> <img src="1.jpg&q...[2020/1/16]

看板娘

给自己博客添加看板娘 此版本不但有不同的看板娘形象,还有多套衣服可以选择搭配,具备聊天功能等 好了,废话不多讲先给大家展示一下,这是用看板娘自带的照相功能下载的几张图片 这就是其中几个小可爱的样子了,看完之后有没有把她们带到自己博客的想法??教程在下面 第一步 首先下载配置文...[2020/1/16]

HTML连载63-a标签的伪类选择器 - 心悦君兮君不知-睿

一、a标签的伪类选择器 1.通过观察可以发现a标签存在一定状态 (1)默认状态,从未被访问过 (2)被访问过的状态 (3)鼠标长按的状态 (4)鼠标悬停在a标签上的演示 2.什么是a标签的伪类选择器? a标签的伪类选择器是专门用来修改a标签不同状态的样式。 a:link{...[2020/1/15]

HTML特殊字符编码对照表

HTML特殊字符编码对照表

HTML特殊字符编码对照表 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 Α &Alpha; &#913; Β &Beta; &#914; Γ &Gamm...[2020/1/14]

程序员,提高收入的好时机,小程序先行?

在第6个微信小程序上线之后,我才敢来说说有关于小程序开发方面的内容。可能是程序员天生追求完美的个性导致,总认为一件事自己都没搞明白的情况下,就跟别人”吹”,是很不负责任的表现。单从这一点来说,我觉得其他职位的人,就该跟程序员好好学习,特别是产品经理,别总是没事...[2020/1/14]

Vue 嵌套路由使用总结

Vue 嵌套路由使用总结

Vue 嵌套路由使用总结   by:授客 QQ:1033553122   开发环境   Win 10   node-v10.15.3-x64.msi 下载地址: https: nodejs.org/en/   需求场景...[2020/1/14]

两列右列宽度自适应

两列右列宽度自适应

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">    ...[2020/1/14]

三列浮动中间宽度自适应

二个固定定位,用margin 把左边和右边都让出来。   <!DOCTYPE html> <html lang="en"> <head>     <meta chars...[2020/1/14]

两列

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">    ...[2020/1/14]

vs code使用指南

vs code使用指南

https: blog.csdn.net/weixin_45601379/article/detail 100550421 原文链接:http: www.cnblogs.com/dabaixiong/p/12187371.html[2020/1/14]

vue使用kkfileview文件预览功能 - demo-x

vue使用kkfileview文件预览功能 - demo-x

1.环境要求:   java 1.8+ 2.部署运行:   本机以及虚拟机上运行:     1.从https: gitee.com/kekingcn/file-online-preview/releases地址下载最新的版发行包     2.解压kkFileView-2.x.x...[2020/1/14]

doctype的意思

doctype的意思

<!DOCTYPE HTML>这句话在整个网页的最上头,意思是这个网页是一个用html5语法写的,因为还有html4和xhtml等语法。 为了兼容一些旧的页面,浏览器设置了两种解析模式:1.标准模式(Standards Mode) 2.怪异模式(Quirks Mode) ...[2020/1/14]

css padding 属性

padding与元素尺寸 c 中默认的box-sizing是content-box,所以使用padding在定宽元素中会增加元素尺寸。可以使用box-sizing:border-box或者采用无宽度以及宽度分离原则(推荐使用)。 当使用box-sizing:border-box在某些...[2020/1/13]

HTML连载62-固定定位练习、z-index属性 - 心悦君兮君不知-睿

HTML连载62-固定定位练习、z-index属性 - 心悦君兮君不知-睿

一、固定定位应用场景 1.练习   <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D158_...[2020/1/13]

css的三种导入方式

css的三种导入方式

内联样式表 <p style="font-size:50px; color:blue">c 内联样式表</p> 内部样式表 <style type="text/c "> p{ fon...[2020/1/13]

在用vue-cli4创建的vue2.x项目中通过vue-fontawesome使用fontawesome5

前言   本文写于2020年1月11日,仅提供最基本的引用方法,参考fontawesome5英文官方文档和vue-fontawesome英文官方文档。 正文   在vue项目中使用fontawesome5图标,不需要引入fontawesome组件,直接引入...[2020/1/13]

我的寒假学习计划

  这是我第一次写博客,现如今我得了病,时间也就愈发多了。遂决定开始我的写博客计划,以此来使黑暗中的人喝到一剂打发时光的良药。   大体学完HTML后,接下来就要学习c ,c 对于我自己来讲就是对HTML进一步的处理。   c 样式分为外链样式---简单...[2020/1/13]

html颜色名颜色代码对照表

原文链接:http: www.cnblogs.com/airlongdianblog/p/12184605.html[2020/1/13]

小程序新闻网站详情页

准备工作: 1、在微信公众号平台,申请小程序账号,获取appid2、下载并安装微信开发者工具 3、做不同分辨率设备的自适应:单位使用rpxIPhone6下 1px=1rpx=0.5pt使用rpx,小程序会自动在不同分辨率下进行转换 首先是项目的入口页面 welcome.wxm...[2020/1/10]

DOM盒模型和位置 client offset scroll 和滚动的关系

DOM盒模型和位置 client offset scroll 和滚动的关系 概览 在dom里面有几个描述盒子位置信息的值, pading border margin width height client clientWidth 不要border clientHeight?不要b...[2020/1/9]

JavaScript 数组,字符串,函数

JavaScript 数组,字符串,函数

数组创建数组利用 new 创建数组 var arr = new Array(); console.log(arr); Array(0)数组字面量创建 var arr = []; 空数组 var arr1 = [''1'', ''2''] 初始值数组数组中的元素数组里面的元...[2020/1/9]

15个超赞的配色网站,建议收藏

中国风配色 zhongguose.com 超美的中国风配色,网站号称收集了最全的中国色,还有中英文互译,非常贴心,五星好评。 ColorGG? Colorgg.com是一个免费的颜色工具,提供有关颜色信息,为您生成互补色、类似色、分裂补色、三元、四元、单色等配色方案...[2020/1/9]

菜单制作:ul li横向排列

CSS菜单制作   1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>菜单...[2020/1/8]

jquery easyui combogrid Uncaught TypeError:Cannot read property

jquery easyui combogrid Uncaught TypeError:Cannot read property

  ================================ ©Copyright 蕃薯耀 2020-01-07 https: www.cnblogs.com/fanshuyao/     一、问题描述: ...[2020/1/8]

移动Web开发-WebApp(flex布局+移动端导航案例)

移动Web开发-WebApp(flex布局+移动端导航案例)

实际开发中的像素:c 像素设备像素比dpr=设备像素/c 像素标清屏dpr=1 高清屏dpr=2缩放改变的是c 像素大小PPI(每英寸的物理像素点)=根号(屏幕横向分辨率²+屏幕纵向分辨率²)/屏幕对角线长度(单位英寸)   视口viewport ...[2020/1/8]

使用栅格系统和flex布局开发响应式页面源码

响应式布局的原理xsmall <576pxsmall >=576pxmedium >=768pxlarge >=992pxxlarge >=1200px 接下来是效果图 中屏及以上效果 移动端效果 方案一:使用栅格系统开发响应式页面 i...[2020/1/8]

移动端屏幕适配+事件+常见问题解决

移动端屏幕适配 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> 移动端屏...[2020/1/8]

如何自学计算机前端开发?精细的自学步骤是什么样的?

如何自学计算机前端开发?精细的自学步骤是什么样的?

比较推荐的学习过程应该是以兴趣为驱动的,用搜索做辅助: 1. 我想做一个个人网站,或者给我们团队或者小组做一些介绍页面。怎么做?搜索发现要学习:HTML、CSS。 2. 发现一个网站设计的好漂亮,交互真赞,动画效果真好。我想在我自己网站上也放上,可是我看不懂它的代码?搜索发现要学习:...[2020/1/8]

button 使用 flex 布局的兼容性问题

button 使用 flex 布局的兼容性问题 在低版本的手机系统中,我们发现 button 不能够作为 flex 容器,即使在 CSS 中指定了 display: flex 且 autoprefixer 也已经转换成兼容属性,也还是不起作用。具体表现在其内容并不能使用 flex 布局对...[2020/1/8]

10个超好用的配色网站

01 Material Palette 网站地址:http: www.materialpalette.com/ Material Palette是一款提供Material Design配色的线上工具,它的用法很简单,你只要找出想要搭配的两种颜色,它就会显示出两种颜色搭配在一起...[2020/1/8]

CSS动画实现背景无缝无限循环的实现示例_CSS教程_CSS

CSS动画实现背景无缝无限循环的实现示例_CSS教程_CSS

1. 需求 一张图片从左向右无限循环移动 2. 代码 由于是应用在移动端,故使用rem单位,后面问题也发生在这。 HTML <div cla ="dog"></div> CSS .dog { ...[2020/1/8]

css 元素显示隐藏的9种思路_CSS教程_CSS

在网页制作中,元素的显示隐藏是非常常见的需求。本文将介绍元素显示隐藏的9种思路 display 对于元素显隐来说,最常见就是display:none | display:block,但是使用这种方法有个问题,元素的display属性在隐藏前并不都是block,还有可能是inline、inl...[2020/1/8]

web-css-文本

一、文本的水平对齐方式 使用text-align来设置文本的对齐方式;text-align的取值:left(向左对齐)/center(水平居中对齐)/right(向右对齐)/justify(两端对齐); text-align只对应用此样式的元素的非块级子元素有效,对块级子...[2020/1/7]

月薪20k的web前端开发程序员,他们都会的这6招

月薪20k的web前端开发程序员,他们都会的这6招

web前端工程师是近几年的新兴职业,也是目前火爆而且高薪的职业。不同的公司也有不同的叫法,比如:网页界面开发,网站设计等,要学好web前端开发,需要掌握什么方法与技巧? 一、div和table 这个是最简单的,也是最基础的。要熟练掌握div、form table、ul li 、p、s...[2020/1/7]

HTML横向滚动条和文本超出显示三个小圆点

 我们这次要说的就是:现在有很多的公司以及很多的app软件经常使用的两个方法横向滚动条和文本超出三个小圆点 横向滚动条:顾名思义嘛,就是能够一块内容可以横着滑动. 文本超出三个小圆点:文本超出就是当文本的内容超出了我们的所定的盒子宽度,我们将多余的文本隐藏替换成i...[2020/1/7]

Web基础了解版12-上传下载

上传 两个步骤: 用户在页面中选择要上传的文件,然后将请求提交到Servlet Servlet收到请求,解析用户上传的文件,然后将文件存储到服务器 上传文件表单 <form action="Servlet" method="post" enctype="mult...[2020/1/7]

html常用标签大全

html常用标签大全

html中标签有很多,每一种标签都有着不同的用处,下面这篇文章给大家总结html常用的标签,每一种标签都会跟随一个例子,话不多说,让我们来看看具体内容。 我的学习交流群web前端学习交流群 <font> 字体标签,用于展示效果中修饰文字样式 <font 属...[2020/1/7]

HTML连载61-焦点图、固定定位 - 心悦君兮君不知-睿

一、焦点图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D156_PictureOfFocus&l...[2020/1/7]

web前端-基础篇

该篇仅是本人学习前端时,做的备忘笔记: 一、背景图片设置:   设置背景图时的c 代码:background-image:url(图片的url路径);   ps:设置好这个背景后请一定要设置该背景图片的大小和该背景图片的显示区域,c 样式设置如下:     &...[2020/1/6]

前端遇到瓶颈了怎么办?

学习嘛,无非是深度和广度。 首先,我们来探讨一下深度。 做前端开发的,前端不就是html c js三剑客。     其中,html c 就不提了,剩下的不就是js的学习深度。 js的深度靠什么提高?不是任何框架,也不是任何库,就是js它本身。 万变...[2020/1/6]

Vue - 解决路由过渡动画抖动问题

Vue - 解决路由过渡动画抖动问题

前言 Vue-Router 作为 Vue 的核心模块,它为我们提供了基于组件的路由配置、路由参数等功能,让单页面应用变得更易于管理。良好的路由管理尤为重要,比如路由拦截、路由懒加载、路由权限等都在开发中起着至关重要的作用。同时路由还支持视图过渡效果,没有添加过渡动画的路由切换会感觉很生硬...[2020/1/6]

Java与Web前端发展前景及薪资对比

Web前端和Java谁的薪资待遇高?关于这个问题,是很多网友都感兴趣的,在各大论坛贴吧上也看到了不少类似的问题。 现在的互联网行业飞速发展,因此有很多小伙伴想要进入IT行业分一杯羹,但是关于学习什么技术还有不少的小伙伴在犹豫中。今天就和大家一块看一下Web前端和Java开发谁的薪资待遇...[2020/1/6]

85
2
记录数:2294 页数:1/4612345678910下一页尾页
加载更多