-
CSS高级技巧:圆角矩形
所属栏目:[教程] 日期:2020-05-11 热度:197
所谓的CSS高级技巧...其实是一些对基本技巧的创意组合, 任何手段和技巧都是解决问题的方法. 只要学会这种思考问题的方法, 你也能拥有属于自己的CSS秘籍. CSS2 还没有办法创造出曲线边框, 明显的, 仅仅方框是没办法满足我们设计师的. 所以CSS圆角技术到现在[详细]
-
CSS高级技巧:CSS Sprites
所属栏目:[教程] 日期:2020-05-11 热度:58
上一篇CSS教程文章:CSS高级技巧:圆角矩形 CSS Sprites, 利用CSS background-position 进行背景绝对定位, 减少HTTP请求, 加速网页显示, 解决图片载入闪动问题的技巧. CSS Sprites最适合用来做的, 恩, 比如:清单导航的CSS鼠标翻转效果大量小图标集中的应用[详细]
-
CSS高级技巧:图片替换
所属栏目:[教程] 日期:2020-05-11 热度:117
上一篇CSS教程 文章:CSS高级技巧:CSS Sprites 图像替换技术有相当的用处, 特别是注重视觉的设计, 而且在一定程度上也不会影响非可视化浏览器的用户群(屏幕阅读器). 本节用到的图片只有一个: 经典FIR 在文字外包上一组span标签, 并在CSS中将这个span进行di[详细]
-
CSS高级技巧:滑动门技术
所属栏目:[教程] 日期:2020-05-11 热度:70
上一篇CSS教程 文章:CSS高级技巧:图片替换滑动门(Sliding Doors) 还是决定把滑动门单独提作一种单独的技术. 它是CSS引入的一项用来创造漂亮且实用的界面的新技术, 它使用简单, 我们只需要使用两张单独的背景图片, 就可以实现. 滑动门一般用做网站Tab导航,[详细]
-
CSS高级技巧:文字环绕图片
所属栏目:[教程] 日期:2020-05-11 热度:73
上一篇CSS教程 文章:CSS高级技巧:滑动门文字环绕图片(SandBags) 在印刷业中, 常用的文字图片混搭的排版法被延伸到了Web视觉设计中, 如何来完成呢? 这里说的并不是简单的文字包围图片, 不过原理很类似, 同样是通过float属性来完成效果的. 先看一看效果图:[详细]
-
vscode单击新文件时覆盖旧文件的解决方法
所属栏目:[教程] 日期:2020-05-11 热度:84
当一个项目很大的时候我们去找某一个文件经常使用搜索功能,本人经常使用快捷键ctrl+p进行某个文件的搜索,或者单机一个文件时会覆盖掉原来窗口中打开的文件,灰常不爽,其实我也没想想明白vscode这样默认的意义是啥。虽然可以双击打开,但实在觉得麻烦,[详细]
-
vsCode中配置setings.json的技巧
所属栏目:[教程] 日期:2020-05-11 热度:165
在前端开发中,有一个非常好用的工具,Visual Studio Code,简称VS code。都不用我安利VS code,大家就会乖乖的去用,无数个大言不惭的攻城狮,都被VS code比德芙还丝滑的强大功能所折服。 现在使用Vscode编码的人越来越多,凭借着免费,开源,轻量,跨平台的[详细]
-
使用VSCode 创建一个插件
所属栏目:[教程] 日期:2020-05-11 热度:121
VSCode 创建一个插件,如何创建一个插件,VS Code 的插件既然是一个 Node.js 应用,那么官方自然也会提供了基于 NPM 的工具链来帮助你创建和维护插件。 首先你需要的是 yeoman,一个脚手架工具。通过 yeoman 你可以快速创建代码模板,如下所示: npm insta[详细]
-
Vscode 基础使用教程大全
所属栏目:[教程] 日期:2020-05-11 热度:125
现在使用Vscode编码的人越来越多,凭借着免费,开源,轻量,跨平台的特点收货了一大批忠实粉丝 最近因项目需要开始使用Vscode,但不知为何,感觉有点力不从心,不知道该怎么用 首先想到去官网看看,然后放弃了(英语渣渣表示压力山大,其实正因为英语差,[详细]
-
使用VScode写一个html页面
所属栏目:[教程] 日期:2020-05-11 热度:65
首先插件配备好了,写一个HTML测试一下 首先创建一个文件夹,创建一个HTML 文件夹 (或者jQuery文件夹) 下面接着可以在目录下新建文件写一个html 我测试取名 text2 (名字任意,自己取) 注意:写的是html ,则你写的格式的结尾就是 text2.html 如果我打[详细]
-
vscode如何安装汉化和Python智能感知
所属栏目:[教程] 日期:2020-05-11 热度:87
Visual Studio Code是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 W[详细]
-
vscode入门教程之页面启动与代码调试
所属栏目:[教程] 日期:2020-05-11 热度:56
初次使用vscode时各种不适应,所有需要用到的功能貌似都需要单独安装插件才能用。这让很多初次使用vscode的朋友有点无所适从。 下面本人就带各位朋友学习下如何使用vscode来进行最基本的工作——页面启动与代码调试 一、安装vscode(已经安装的朋友忽略,[详细]
-
在VSCode中如何配置Python开发环境
所属栏目:[教程] 日期:2020-05-11 热度:64
之前编写Python更多的是使用pycharm作为编译器进行开发,但是个人感觉用起来比较笨重,而且还收费的,需要进行破解才能使用。后来发现vscode这个软件,觉得很轻便,而且和之前使用的vs2018风格一样。 在这里对vscode配置Python开发环境做一下记录。 步骤1[详细]
-
如何让vsCode显示中文界面
所属栏目:[教程] 日期:2020-05-11 热度:74
1、问题:安装VSCode后打开,发现显示的语言为英文,想显示为中文? 2、解决方法: 2.1、快捷键CTRL+SHIFT+P,找到如下设置Configure Display Language: 2.2、 在打开的文件,修改代码为如下设置: 2.3、重启VSCode,但是发现没有生效,这是因为我们还没[详细]
-
全网最详细的vscode基础教程
所属栏目:[教程] 日期:2020-05-11 热度:90
副标题#e# 零、快速入门 有经验的可以跳过快速入门或者大致浏览一遍 1. 命令面板 命令面板是vscode快捷键的主要交互界面,可以使用f1或者Cmd+Shift+P(win Ctrl+Shift+P)打开。 在命令面板中你可以输入命令进行搜索(中英文都可以),然后执行。 命名面板中可[详细]
-
CSS高级技巧:网页布局
所属栏目:[教程] 日期:2020-05-11 热度:103
上一篇CSS教程 文章:CSS高级技巧:文字环绕图片布局 CSS至关重要的作用, CSS的设计初衷. CSS布局和几年前table横行时的布局又不太一样, 在结构化语义化的HTML文档后面, CSS在格式化文档的渲染效果, 把结构化文档用表现化语言来描述. 简而言之, 就是CSS不需[详细]
-
CSS DIV制作梯形状的不规则网站导航
所属栏目:[教程] 日期:2020-05-11 热度:59
前段时间做一个小项目碰到了一个导航制作的方式然后突然想到曾经很久以前看到的梯形状的不规则导航,就尝试做了一下。结果碰到了几个问题,后来在同事的提醒下总算完成了,记录一下也跟大家分享分享。 先看图(图片只是大致做了一下) 效果展示: 运行代码[详细]
-
语义化H1标签
所属栏目:[教程] 日期:2020-05-11 热度:192
大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因,很多标题性的文字做成了图片。大多数情况下,切割页面的时候就直接用上了图片。在代码上,H1也就对搜索引擎失去了作用。 h1img src=http://www.jb51.net[详细]
-
WEB标准教程:功能相似的标签的用法
所属栏目:[教程] 日期:2020-05-11 热度:114
在XHTML标签中有一些标签的作用是相似的,当然这里的相似是指语义相似,以至于很多人都不清楚这些相似的标签如何使用,那么今天的主题就是分解相似的标签,明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标[详细]
-
CSS教程:建议font-size使用em
所属栏目:[教程] 日期:2020-05-11 热度:168
在如今这个提倡可用性设计以及用户体验设计的网络时代,CSS也是要一同参与其中的。大部分人在CSS代码编写中总是先对整体定义字体尺寸,中文情况下一般为12px,而其实这样以来在通过IE顶部菜单中的察看-文字大小设置已无任何作用。对字体感觉太小的浏览者而[详细]
-
line-height使文本居中的3像素bug问题
所属栏目:[教程] 日期:2020-05-11 热度:139
虽然题目这么写,可是这真是bug吗?我觉得不算。 line-height使文本居中的3像素bug,先查下这3px的底细,怎么查?观察 FW 先写个height、line-height都为30px,背景为红色的元素,设置文字为12px。然后量下,果然有3px的bug。同时增加或者减少height、line[详细]
-
IE8.0Beta比较不错的功能:WebSlices
所属栏目:[教程] 日期:2020-05-11 热度:55
这两天M$出了个IE8beta1版~害得我的Google Reader里全是IE8的信息,可惜有用的信息太少了,在翻M$的网站时,倒是发现了一个比较帅的功能:WebSlices。 简单的来说,它的功能就是把网页的某一块剪出来放收藏夹里。这个功能与Mac OS上的Web Clip Widget性质[详细]
-
css网页设计非常有用的解决办法
所属栏目:[教程] 日期:2020-05-11 热度:144
目录介绍针对浏览器的选择器让IE6支持PNG透明移除超链接的虚线给行内元素定义宽度让固定宽度的页面居中图片替换技术最小宽度隐藏水平滚动条 一. 介绍 这篇文章包括了8个非常有用的解决办法, 在进行css设计遇到问题时你就会用到它们. 二. 针对浏览器的选择[详细]
-
CSS教程:关于H1的使用技巧
所属栏目:[教程] 日期:2020-05-11 热度:114
来蓝色一直都在潜水,很少写帖子,太对不起大家了.下面和大家探讨一个话题,希望能引起大家的兴趣. 关于H1,一直都想和大家讨论H1用法的问题,可在RTX上好象一直没有提起大家的兴趣. 看过很多页面,很多人对H1的理解都不一样,个人有个人独到的创新想法,这样的答[详细]
-
CSS教程:弄懂闭合浮动元素
所属栏目:[教程] 日期:2020-05-11 热度:76
按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列。因此当其高度超出包含容器时,一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为,具体如何处理呢? 有一种[详细]
