-
VSCode设置网页代码实时预览的实现
所属栏目：[站长百科] 日期：2020-05-12 热度：100
1.VSCode作为一款很不错的开发软件，相比DW更小巧，用来测试前端特别不错，那么我们平时开发网页发现只有写完代码，然后保存，接下来到浏览器中刷新查看效果，然后不停重复，我们发现很多时间就这样浪费到了这三个步骤上。 2.其实我们可以在VSCode中配置一[详细]
-
Css深刻理解width:auto的用法
所属栏目：[站长百科] 日期：2020-05-12 热度：171
看了我上篇文章的人可能觉得我小题大做，css2有什么好看的？那么我就参考《css世界》这本书，与大家一同复习理解下具体的点，对我们代码的影响。 首先，我们需要清楚width默认值就是auto，所以不用去人为写代码控制其宽度自动哦。 常见的4种宽度表现 充分[详细]
-
Html/CSS前端实现文字边框阴影效果
所属栏目：[站长百科] 日期：2020-05-12 热度：172
参数: 参数1 x-shadow：设置对象的阴影水平偏移值，单位可以是px、em或百分比等，允许负值。参数2 y-shadow：设置对象的阴影垂直偏移值，单位可以是px、em或百分比等，允许负值。参数3 blur：用于设置边框阴影半径大[详细]
-
基于HTML+CSS实现网页滑动门效果
所属栏目：[站长百科] 日期：2020-05-12 热度：81
一、什么是滑动门 大家在网页中经常会见到这样一种导航效果,因为使用频率广泛,所以广大的程序员给它起了一个名字,叫做滑动门.在学习滑动门之前,首先你要了解什么是滑动门。 小米官网，网页滑动门效果 二、实现滑动门所需技术 简单HTML基础知识 简单的CSS基[详细]
-
超全面CSS样式整理
所属栏目：[站长百科] 日期：2020-05-12 热度：55
副标题#e# 一 字体属性：(font) 大小 {font-size: x-large;}(特大)xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 {font-style: oblique;}(偏斜体)italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位：PX、PD、EM[详细]
-
详解CSS经典布局之Sticky footer布局
所属栏目：[站长百科] 日期：2020-05-12 热度：185
何为Sticky footer布局？ 我们常见的网页布局方式一般分为header（页头）部分,content（内容区）部分和footer（页脚）部分。当页头区和内容区的内容较少时，页脚区不是随着内容区排布而是始终显示在屏幕的最下方。当内容区的内容较多时，页脚能随着文档流[详细]
-
详解CSS的table-layout属性的用法
所属栏目：[站长百科] 日期：2020-05-12 热度：93
tableLayout属性用来显示表格单元格、行、列的算法规则。 ①该属性指定了完成表布局时所用的布局算法。 ②固定布局算法比较快，但灵活性不强。 ③自动布局算法比较慢，却更能反映传统的HTML表。 2固定表格布局 ①与自动表格布局相比，允许浏览器更快地对表[详细]
-
CSS语法与JSON、JS对象区别比较
所属栏目：[站长百科] 日期：2020-05-12 热度：61
CSS（Cascading Style Sheets）规则由2个部分构成：选择器，声明。 selector｛declaration1;declaration2;declaration3;...declarationN｝ declaration由分号（；）隔开，表示为 property:value1 value2 ..是一种单层的无内嵌套的结构。 value为具体的某值[详细]
-
好的 CSS 命名规范可以节约 Debug 时间
所属栏目：[站长百科] 日期：2020-05-12 热度：135
简评：Debug CSS 是一种很耗时的操作，如果有良好的命名规范可以节约很多的 Debug 时间。 使用连字符（'-'）分隔字符串 你可能习惯了在 Javascript 中使用小驼峰的命名方式： var redBox = document.getElementById（'...'） 但是在 CSS 中不建议使用这种[详细]
-
CSS使用classList实现两个按钮样式的切换
所属栏目：[站长百科] 日期：2020-05-12 热度：106
classList属性的方法：add();remove();toggle(); 描述，在一些页面我们需要使用两个按钮来回切换，如图： 我们要使用到add()和remove()方法 html部分: div class=login-titlea href=javascript:void(0) class=mya1 id=mya onclick=myonclick()注册/aa href[详细]
-
CSS实现DIV居中的三种方法
所属栏目：[站长百科] 日期：2020-05-12 热度：174
下面给大家分享div居中的实现代码，具体代码如下所示： !DOCTYPE htmlhtmlheadmeta charset=UTF-8titledemo/title/headbodystyle type=text/css.div1{ width: 100px; height: 100px; border: 1px solid #000000;}.div2{ width:40px ; height: 40px; backgr[详细]
-
任职19年的埃里克·施密特（Eric Schmidt）悄悄离开Google
所属栏目：[站长百科] 日期：2020-05-12 热度：132
埃里克施密特(Eric Schmidt)于2001年加入Google，成为其第二任首席执行官。他在公司成立之初就曾为公司提供成人监督服务，颇有名气。现在，这位在Google工作了将近20年的老手已经悄悄离开了公司。 根据CNET的报告，施密特于今年2月离开公司。他担任公司的[详细]
-
三星Galaxy A21s图片泄漏
所属栏目：[站长百科] 日期：2020-05-12 热度：173
三星Galaxy A21s再次成为新闻。在过去的几周中，报告详细介绍了有望进入三星Galaxy A21s智能手机的各种功能。现在，一份新报告使我们对公司即将推出的智能手机有了第一印象。 泄露的图像是由提示者Sudhanshu Ambore提供的，暗示着Galaxy A21s的外观将与上[详细]
-
小米将于5月19日在全球推出MIUI 12
所属栏目：[站长百科] 日期：2020-05-12 热度：78
中国智能手机制造商小米宣布将于5月19日在全球推出新产品，该产品将在中国推出下一个定制的Android皮肤MIUI 12。 该公司通过一个简单的数学难题揭示了MIUI 12的发布日期-答案恰好是19。 根据Android Central中的一份报告，由于小米针对MIUI的中文和全球版[详细]
-
小米Mi Box 4K今天在印度发售
所属栏目：[站长百科] 日期：2020-05-12 热度：71
小米本周早些时候在印度推出了Mi Box 4K。带有遥控器的流媒体设备今天将首次销售。 小米Mi Box的价格为3,499卢比，其销售计划通过mi.com在12:00 pm进行。它只有一种黑色。Mi Box流媒体设备还支持4K内容和HDR 10。它还支持Dolby Audio和DTS 2.0 + Digital O[详细]
-
WhatsApp将很快允许在多个设备上使用相同的帐户
所属栏目：[站长百科] 日期：2020-05-12 热度：129
据说WhatsApp正在开发一种新的多平台系统，允许用户在多个设备上访问一个帐户。使用多设备系统，用户可以在任何iOS和Android设备上使用相同的帐户，而无需从日常驱动程序中卸载它。值得注意的是，多平台系统将与目前受WhatsApp Web版本限制的多设备使用不[详细]
-
具有5G支持的Honor 10X即将推出
所属栏目：[站长百科] 日期：2020-05-12 热度：63
据说Honor正在开发具有5G连接能力的新型中端智能手机。据称，Honor 10X即将面世的5G手机的售价为254美元，约合19,200卢比。 根据Gizchina的报告，Honor 10X将配备全高清显示屏。像许多新手机一样，它将支持90Hz屏幕刷新率。为了实现性能和5G连接性，它将依[详细]
-
CSS高级技巧:文字环绕图片
所属栏目：[站长百科] 日期：2020-05-12 热度：145
上一篇CSS教程 文章：CSS高级技巧:滑动门文字环绕图片(SandBags) 在印刷业中, 常用的文字图片混搭的排版法被延伸到了Web视觉设计中, 如何来完成呢? 这里说的并不是简单的文字包围图片, 不过原理很类似, 同样是通过float属性来完成效果的. 先看一看效果图:[详细]
-
CSS高级技巧:网页布局
所属栏目：[站长百科] 日期：2020-05-12 热度：181
上一篇CSS教程 文章：CSS高级技巧:文字环绕图片布局 CSS至关重要的作用, CSS的设计初衷. CSS布局和几年前table横行时的布局又不太一样, 在结构化语义化的HTML文档后面, CSS在格式化文档的渲染效果, 把结构化文档用表现化语言来描述. 简而言之, 就是CSS不需[详细]
-
CSS DIV制作梯形状的不规则网站导航
所属栏目：[站长百科] 日期：2020-05-12 热度：119
前段时间做一个小项目碰到了一个导航制作的方式然后突然想到曾经很久以前看到的梯形状的不规则导航，就尝试做了一下。结果碰到了几个问题，后来在同事的提醒下总算完成了，记录一下也跟大家分享分享。 先看图（图片只是大致做了一下） 效果展示： 运行代码[详细]
-
语义化H1标签
所属栏目：[站长百科] 日期：2020-05-12 热度：99
大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因，很多标题性的文字做成了图片。大多数情况下，切割页面的时候就直接用上了图片。在代码上，H1也就对搜索引擎失去了作用。 h1img src=http://www.jb51.net[详细]
-
WEB标准教程:功能相似的标签的用法
所属栏目：[站长百科] 日期：2020-05-12 热度：183
在XHTML标签中有一些标签的作用是相似的，当然这里的相似是指语义相似，以至于很多人都不清楚这些相似的标签如何使用，那么今天的主题就是分解相似的标签，明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标[详细]
-
CSS教程:建议font-size使用em
所属栏目：[站长百科] 日期：2020-05-12 热度：102
在如今这个提倡可用性设计以及用户体验设计的网络时代，CSS也是要一同参与其中的。大部分人在CSS代码编写中总是先对整体定义字体尺寸，中文情况下一般为12px，而其实这样以来在通过IE顶部菜单中的察看-文字大小设置已无任何作用。对字体感觉太小的浏览者而[详细]
-
line-height使文本居中的3像素bug问题
所属栏目：[站长百科] 日期：2020-05-12 热度：164
虽然题目这么写，可是这真是bug吗？我觉得不算。 line-height使文本居中的3像素bug，先查下这3px的底细，怎么查？观察 FW 先写个height、line-height都为30px，背景为红色的元素，设置文字为12px。然后量下，果然有3px的bug。同时增加或者减少height、line[详细]
-
IE8.0Beta比较不错的功能:WebSlices
所属栏目：[站长百科] 日期：2020-05-12 热度：53
这两天M$出了个IE8beta1版~害得我的Google Reader里全是IE8的信息，可惜有用的信息太少了，在翻M$的网站时，倒是发现了一个比较帅的功能：WebSlices。 简单的来说，它的功能就是把网页的某一块剪出来放收藏夹里。这个功能与Mac OS上的Web Clip Widget性质[详细]
