-
css网页制作实用技巧9则
所属栏目：[系统] 日期：2020-08-21 热度：123
本篇总结了一些css常用技巧，为网站重构打下基础，但愿您能学到一点有用的东西。 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《css基本语法》。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手[详细]
-
CSS动态条形加载条效果的示例代码
所属栏目：[系统] 日期：2020-08-19 热度：119
运用了css变量的知识，直接上代码及其我加的注释 !DOCTYPE htmlhtml headmeta charset=utf-8title展示一个css动态条形加载条/titlestyle/* 使用CSS变量 */.flex {display: flex;list-style: none;/* 设定li元素横向排列 */}.loading {width: 200px;height:[详细]
-
CSS中的两个特殊值用于控制层叠的inherit和initial的方法
所属栏目：[系统] 日期：2020-08-19 热度：142
在CSS中有两个特殊值可以赋给任意属性，用于控制层叠：inherit和initial。我们来看看这两个特殊值。 使用inherit关键字 有时，我们想用继承代替一个层叠值。这时候可以用 inherit 关键字。可以用它来覆盖另一个值，这样该元素就会继承其父元素的值。 假设[详细]
-
HTML和CSS的关键:盒子模型(Box model)
所属栏目：[系统] 日期：2020-08-18 热度：177
原文： 本文作为属性篇的最后一篇文章, 将讲述HTML和CSS的关键盒子模型(Box model). 理解Box model的关键便是margin和padding属性, 而正确理解这两个属性也是学习用css布局的关键. 注: 为什么不翻译margin和padding? 原因一, 在汉语中并没有与之相对应的词[详细]
-
CSS framework日常开发的经验总结
所属栏目：[系统] 日期：2020-08-18 热度：84
CSSframework可以更快速、有效、可扩展的去书写站点的CSS代码。在jb51.net以前的文章中，我们有过多篇此类知识的介绍，以下是个某个知名团队在日常开发中的思考与总结，可能您会提出一些不同的观点，没关系，欢迎发表评论，和jb51.net的众多CSSer一起探讨[详细]
-
使用css的filter写鼠标滑过效果的实现示例
所属栏目：[系统] 日期：2020-08-18 热度：74
使用css的filter写鼠标滑过效果 div class=filter-div img class=filter-img src=http://www.jb51.net/css/../assets/images/01list.png//divstyle.filter-div {width: 67px;height: 50px;background: #fff;:hover {background: #5d7aae;}}.filter-img {wi[详细]
-
css动画效果之animation的常用样式
所属栏目：[系统] 日期：2020-08-18 热度：143
/*设置一个关键帧，定义动画每一步执行的动作*/@keyframes mybox{0%{transform: translate(0,0);}25%{transform: translate(200px,0);}50%{transform: translate(200px,200px);}75%{transform: translate(0,200px);}100%{transform: translate(0,0);}} /*[详细]
-
CSS心形加载的动画源码的实现
所属栏目：[系统] 日期：2020-08-18 热度：155
废话不多说上代码，代码很简答，研究一下就明白了，有不明白的可以问我。 !DOCTYPE htmlhtml headmeta charset=utf-8title/titlestyle type=text/css.heart-loading {margin-top: 120px;width: 200px;height: 200px;}ul {list-style: none;display: flex;j[详细]
-
CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)
所属栏目：[系统] 日期：2020-08-18 热度：84
副标题#e# 简写属性是用于同时给多个属性赋值的属性。比如font是一个简写属性，可以用于设置多种字体属性。它指定了font-style、font-weight、font-size、font-height以及font-family。 font: italic bold 18px/1.2 Helvetica, Arial, sans-serif; 还有如下[详细]
-
H5中取消a标签在点击时的背景颜色的方法
所属栏目：[系统] 日期：2020-08-18 热度：85
1、取消a标签在移动端点击时的蓝色 a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none;-moz-user-select: none;} 2、使用图片作为a标签的点击按钮时，当触发touchstart的时候，往往会有一个灰[详细]
-
CSS3实现线性渐变用法示例代码详解
所属栏目：[系统] 日期：2020-08-18 热度：200
演示下太老版本浏览器的渐变实现了[IE9-]; IE9以前,渐变都是通过滤镜实现的,大体的写法就是这样; .testDiv {width:400px;height:400px;border:1px solid #f00;/*IE滤镜写法;gradientType : 1代表水平方向 , 0 代表垂直线性渐变 ;startColorstr是起始颜色,e[详细]
-
看看Tomcat安装、配置、优化及负载均衡
所属栏目：[系统] 日期：2020-08-17 热度：64
副标题#e# 一、常见JavaWeb服务器 1、WebLogic：是BEA公司的产品、WebSphereAS：是IBM公司的产品、JBossAS：红帽公司的产品，可以自行了解 2、Tomcat服务器：Sun公司在推出的小型Servlet/JSP调试工具的基础上发展起来的一个优秀的Servlet容器，Tomcat本身完[详细]
-
避免远程办公翻车，钉钉、企业微信和飞书谁更适合你
所属栏目：[系统] 日期：2020-08-17 热度：198
副标题#e# 一场新冠肺炎把线上办公推向了前台。然而在经历钉钉宕机、老师教学直播的各种翻车之后，线上办公的不足和优点同样暴露在了用户面前。之所以出现这些问题，主要原因还是在于用户对于线上办公的需求不尽相同，有的团队注重视频会议的流畅;有的团队[详细]
-
CSS编写的网页打开流畅相关知识与注意点
所属栏目：[系统] 日期：2020-06-17 热度：195
我们都熟知JavaScript可能会对Web页面的加载与显示产生较大的影响，因此我们常常关注JavaScript是不是会占用客户端较多的资源，然而大部分都会忽略的一件有趣的事情，CSS也会对Web页面载入的效率产生影响。 我们罗列了十几条相关的知识与注意点，大家可以[详细]
-
acronym标记和abbr标记的不同之处
所属栏目：[系统] 日期：2020-06-17 热度：181
acronym从字义上理解，是取首字母的缩写词，abbr是缩写，在应用过程中，两个标签看起来差不多，但个人觉得还是有区别的。看下面的例子： Internet Explorer acronym title=IEInternet Explorer/acronym Cascading Style Sheets acronym title=cssCascading[详细]
-
你知道CSS中长度单位pt、px、dpi的意思吗？
所属栏目：[系统] 日期：2020-06-17 热度：178
在印刷排版中point是一个绝对的单位，它等于1/72英寸。可以用尺子丈量的，物理的英寸。 但在CSS中pt的含义却非如此，例如我们指定一个字体是9pt，浏览器会以CSS规范解释，它等于： 9*1/72=1/8inch 这是一个误解，因为我们的显示器被分割为了一个个的像素，[详细]
-
CSS页面布局中HTML结构化
所属栏目：[系统] 日期：2020-06-17 热度：84
您正在学习WEB标准CSS网页布局吗？是不是还不能完全掌握纯CSS布局？通常有两种需要您特别注意： 第一种可能是你还没有理解CSS处理页面的原理。 在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告[详细]
-
CSS选择器的使用技巧
所属栏目：[系统] 日期：2020-06-17 热度：155
前面一篇文章介绍了CSS页面布局中HTML结构化，本节讲解如何使用巧妙的使用CSS选择器。 id用于标识页面唯一元素，id的名称是控制某一内容块的手段，通过将某内容块置入div并赋予唯一的id，就可以用CSS选择器来精确定义每一个页面元素的外观表现，包括标题、[详细]
-
dl、dt、dd 标记来改造163邮箱的广告条
所属栏目：[系统] 日期：2020-06-17 热度：173
打开网易邮箱的登录界面，我们会发现，在首页的底部有这样一个最新动态的广告条，其设计代码如下：HTML代码 [Ctrl A 全部选择 提示：你可先修改部分代码，再按运行] 在这里，网易采用了table来设计这个页面效果，当然table用在这里并没有什么不妥。但是今天[详细]
-
CSS教程：网页图片垂直居中的使用技巧
所属栏目：[系统] 日期：2020-06-17 热度：161
在曾经的 淘宝UED 招聘 中有这样一道题目： 使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。 当然出题并不是随意，而是有其现实的原因，垂直居中是 淘宝 工作中最常遇到的一个问题，很有代表性。 题目的难点在于两[详细]
-
英文教程：鼠标悬停（hover）效果
所属栏目：[系统] 日期：2020-06-17 热度：126
前面一个CSS教程介绍了在网页中利用CSS建立立体表格效果，今天给大家来一篇很不错的鼠标悬停效果，也是用CSS实现的。 这是一个很棒的鼠标悬停（hover）效果。从国外的网站上看到了，转载过来。没有作任何翻译与编辑，大家可以偿试阅读英文教程，加油！ 注[详细]
-
dl,dt,dd标记在网页中要充分利用
所属栏目：[系统] 日期：2020-06-17 热度：102
我们在制作网页过程中用到列表时一般会使用ul或者ol标签，很少用刑dl标签，但是这个三个标签却有着不可忽视的作用，毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是： dl /dl用来创建一个普通的列表, dt /dt用来创建列表中的上层项目， dd /dd用[详细]
-
CSS设计网页时的一些常用规范
所属栏目：[系统] 日期：2020-06-17 热度：169
CSS命名规范 一．文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 二．常用类/ID命名规范 页 眉：header 内 容：content 容 器：container 页 脚：footer 版 权：copyright[详细]
-
CSS教程：汇总CSS初学者的几个技巧
所属栏目：[系统] 日期：2020-06-17 热度：89
这几则CSS技巧都是从网络收集来的，作为老手就当作温故而知新，本文主要面对CSS新手朋友，有一些东西或许不是搞的很明白。而这十则CSS技巧能促进你的学习与编码技巧，更多的知识浏览CSS教程频道内容。希望大家能认真阅读。一、CSS字体属性简写规则 一般用C[详细]
-
CSS设计网页边框的几个实例
所属栏目：[系统] 日期：2020-06-17 热度：190
掌握CSS网页布局技术，网页边框效果的定义是基础内容，其中也涉及到CSS盒模型知识以及CSS属性简写知识。 相关文章阅读：CSS设计网页时的一些常用规范 实例一： CSS： p {padding: 15px; border: 1px solid black; } h5{padding: 0px; border: 1px solid re[详细]
