-
CSS页面布局中HTML结构化
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
您正在学习WEB标准CSS网页布局吗?是不是还不能完全掌握纯CSS布局?通常有两种需要您特别注意: 第一种可能是你还没有理解CSS处理页面的原理。 在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告[详细]
-
CSS选择器的使用技巧
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
前面一篇文章介绍了CSS页面布局中HTML结构化,本节讲解如何使用巧妙的使用CSS选择器。 id用于标识页面唯一元素,id的名称是控制某一内容块的手段,通过将某内容块置入div并赋予唯一的id,就可以用CSS选择器来精确定义每一个页面元素的外观表现,包括标题、[详细]
-
dl、dt、dd 标记来改造163邮箱的广告条
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
打开网易邮箱的登录界面,我们会发现,在首页的底部有这样一个最新动态的广告条,其设计代码如下:HTML代码 [Ctrl A 全部选择 提示:你可先修改部分代码,再按运行] 在这里,网易采用了table来设计这个页面效果,当然table用在这里并没有什么不妥。但是今天[详细]
-
CSS教程:网页图片垂直居中的使用技巧
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
在曾经的 淘宝UED 招聘 中有这样一道题目: 使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。 当然出题并不是随意,而是有其现实的原因,垂直居中是 淘宝 工作中最常遇到的一个问题,很有代表性。 题目的难点在于两[详细]
-
英文教程:鼠标悬停(hover)效果
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
前面一个CSS教程介绍了在网页中利用CSS建立立体表格效果,今天给大家来一篇很不错的鼠标悬停效果,也是用CSS实现的。 这是一个很棒的鼠标悬停(hover)效果。从国外的网站上看到了,转载过来。没有作任何翻译与编辑,大家可以偿试阅读英文教程,加油! 注[详细]
-
dl,dt,dd标记在网页中要充分利用
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
我们在制作网页过程中用到列表时一般会使用ul或者ol标签,很少用刑dl标签,但是这个三个标签却有着不可忽视的作用,毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是: dl /dl用来创建一个普通的列表, dt /dt用来创建列表中的上层项目, dd /dd用[详细]
-
CSS设计网页时的一些常用规范
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
CSS命名规范 一.文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 二.常用类/ID命名规范 页 眉:header 内 容:content 容 器:container 页 脚:footer 版 权:copyright[详细]
-
详解VSCode打开多个项目文件夹的解决方法
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
最近从sublime转vscode,自然而然就会把sublime的一些习惯带过来,其中有一点让人头疼的是: 当把一个文件夹拖进vscode里面的时候,会把原来的文件夹覆盖掉,这就意味着不能同时在vscode中打开多个文件夹,用过sublime的同学都知道直接把文件夹拖进去就可[详细]
-
VSCode设置网页代码实时预览的实现
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
1.VSCode作为一款很不错的开发软件,相比DW更小巧,用来测试前端特别不错,那么我们平时开发网页发现只有写完代码,然后保存,接下来到浏览器中刷新查看效果,然后不停重复,我们发现很多时间就这样浪费到了这三个步骤上。 2.其实我们可以在VSCode中配置一[详细]
-
搭建websocket消息推送服务,必须要考虑的几个问题
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
副标题#e# 近年,不论是正在快速增长的直播,远程教育以及IM聊天场景,还是在常规企业级系统中用到的系统提醒,对websocket的需求越来越大,对websocket的要求也越来越高。从早期对websocket的应用仅限于少部分功能和IM等特殊场景,逐步发展为追求支持高并[详细]
-
Linux/Ubuntu Git从安装到使用的方法步骤
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
说明:该篇博客是博主一字一码编写的,实属不易,请尊重原创,谢谢大家! 一.叙述 1.说明:需要在Windows 安装Git的同学,可以查看该篇博客https://www.jb51.net/softjc/711624.html相对Windows来说,Ubuntu安装使用Git就很简单了。 2.Git的两大特点 版本[详细]
-
Jar包一键重启的Shell脚本及新服务器部署的一些经验分享
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
最近公司为客户重新部署了一套新环境,由我来完成了基础环境的配置,配置过程中总结了一些经验,分享给各位园友 使用 curl 命令检查网络 拿到新服务器后,首先检查服务器网络是否通畅。我们常用的 ping 命令使用的是 ICMP 协议,大部分服务器都设置了域名[详细]
-
完全卸载VSCode--解决卸载重新安装后还有原来配置的问题(图解)
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
VSCode卸载后进行重新安装,发现新安装的还有原来的一些配置,卸载的不彻底,有时候也容易出问题,可按照如下方法卸载干净: 1.进入控制面板卸载VSCode,也可以在VSCode的安装目录下用程序自带的卸载程序(这个没有亲自试过.....) 2.这样卸载完后还有一些[详细]
-
详解Idea 2020 找不到或无法安装官方汉化包解决方案
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
Idea 2020 发布之后,官方终于支持了中文语言包 但是,我下载后在插件市场无法找到官方的汉化包 那要怎么解决这个问题呢? 首先,查看你当前Idea的Bulid版本 然后去官网下载离线汉化语言包,下载链接 可以看到一堆的版本号,这里要注意下,目前官方的最新[详细]
-
IntelliJ IDEA 2020如何设置背景图片的方法步骤
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
使用idea总看小黑框很难受?眼睛疼?看不清?试试按照你的风格来定制一哈! 1.首先我们选择idea的最左上角的file 2.选择settings 3.找到AppearanceBehavior 4.点击Appearance 5.选择Background Image 之后会就可以开始设置背景图片啦O(∩_∩)O 具体的设置[详细]
-
十步搞定uni-app使用字体图标的方法
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
uni-app是一个使用Vue.js开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。 uni-app框架由Dcloud即数字天堂(北京)网络技术有限公司推出,该公司主要产品有Web开发IDE Hbuiler、HbuilderX,前端框架mui、uni-ap[详细]
-
IntelliJ IDEA2020新增禅模式和LightEdit模式
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
IntelliJ IDEA 2020.1 的第二个早期访问版本已发布,新的 EAP 构建对调试器和事件探查器(Profiler)进行了改进,并引入了新的提交工具窗口(Commit toolwindow)以及禅模式(Zen Mode)。 用于调试器的数据流分析协助功能 IntelliJ IDEA 2020.1 向调试器[详细]
-
js调用Flex中的方法并向flex中传参及flex调用js示例
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
首先,有了一个swf文件,test.swf,同时也有一个自动生成的html文件,test.html。 然后,在另外一个文件,test.jsp中,通过iframe,引入了test.html,即引入了swf。 现在想要在test.jsp中,向flex传参,并调用flex中的方法,我采用的方法是: 首先,在jsp中[详细]
-
Flex 改变树结点图标的2种方法介绍
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
方法一:根据是否有子结点进行改变 复制代码 代码如下: fx:Style @namespace s "library://ns.adobe.com/flex/spark"; @namespace mx "library://ns.adobe.com/flex/mx"; mx|Tree{ /*去掉默认文件夹图标*/ folderClosedIcon: Embed(source='resource/region[详细]
-
Flex正则表达式判断中文或全角字符代码
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
Flex中一文本框,其值的length取出的是字符个数,并不是字节长度,如果含有中文或者全角字符,一个字符是2个字节。 计算其字符长度, ActionScript代码 复制代码 代码如下: for(var i:int=0;inewStr.length;i++){ var char:String = newStr.substr(i,1); if[详细]
-
Flex中实现对一个text渲染不同的字体颜色示例
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
开始把控件局限在label上,发现实现起来似乎不太现实。应该用textarea控件: 复制代码 代码如下: ?xml version="1.0" encoding="utf-8"? s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="l[详细]
-
如何在Renderer中设置属性 Renderer中设置属性的方法实例
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
ClassFactory的properties妙用 1)UITextField与label,使用label显不出来 复制代码 代码如下: package com.citigroup.presentation.csa { import flash.events.MouseEvent; import mx.controls.Label; import mx.controls.advancedDataGridClasses.Advance[详细]
-
FLEX HashMap遍历并取到需要的值
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
在项目用到了HashMap,需要遍历,并取到需要的值。 复制代码 代码如下: var iterator:Iterator = actImage.toLineMap.entrySet().iterator(); while(iterator.hasNext()) { var entry:Entry = iterator.next() as Entry; trace(entry.getValue()); var obj:[详细]
-
flex tree自动显示横向滚动条实现代码
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
package com.anydata.consumer.components { import flash.events.Event; import mx.controls.Tree; import mx.core.ScrollPolicy; import mx.core.mx_internal; /** * 自动显示横向滚动条 */ public class AutoSizeTree extends Tree { public function A[详细]
-
Flex Label控件竖排显示文字的实现代码
所属栏目:[站长百科] 日期:2020-06-18 来源:DaWei
private function rotationText(event:FlexEvent):void{ var text:String = event.currentTarget.text; var length:int = text.length; var newText:String = ""; for(var i:int = 0; i length; i++) { newText+=text.charAt(i)+"r"; } label.text = newT[详细]

浙公网安备 33038102330472号