-
CSS3弹性伸缩布局之box布局
所属栏目:[站长百科] 日期:2020-03-17 热度:141
副标题#e# CSS3弹性伸缩布局简介 2009年,W3C提出了一种崭新的方案----Flex布局(即弹性伸缩布局),它可以简便、完整、响应式地实现各种页面布局,包括一直让人很头疼的垂直水平居中也变得很简单地就迎刃而解了。但是这个布局方式还处于W3C的草案阶段,并[详细]
-
单元格内文本显示超过单元格宽度的快速解决办法
所属栏目:[站长百科] 日期:2020-03-17 热度:69
开发过程中,表格单元格里的显示数据经常超出单元格的宽度。遇到这种情况一般会这样处理。 1、超出部分显示省略号(...) 解决办法:在css中设置 text-overflow:ellipsis; text-overflow: 2、换行显示 解决办法: 在css中设置 white-space:normal; white-sp[详细]
-
家电以旧换新,苏宁物流一站式服务更省心
所属栏目:[站长百科] 日期:2020-03-17 热度:52
最近重庆的吴先生发微博说:惹不起在家憋坏了的老婆。小夫妻俩初为人父母,照料孩子的事情繁杂琐碎,心烦之下难免看不顺眼,相互埋怨。还好,前两天因为苏宁物流一次闪电送装空调的服务,小夫妻俩的暴躁互动被圆满化解。 疫情还没结束,新空调能及时送装吗[详细]
-
中国反病毒联盟开展“3·15白名单专项工作”,通付盾担任检测重
所属栏目:[站长百科] 日期:2020-03-17 热度:114
不知不觉,一年一度的"3.15"又来了,每年的3.15都会曝光一批假冒伪劣商品和黑心商家。为了维护网络安全,创造可信的移动互联网安全生态环境,遏制互联网恶意程序肆意蔓延,中国反网络病毒联盟(ANVA)组织国内移动应用商店和安全企业开展"315白名单专项工作"[详细]
-
微信聊天记录怎么彻底清除?你不可不知的“删除”秘密
所属栏目:[站长百科] 日期:2020-03-17 热度:66
微信聊天记录怎么彻底清除?现在这个科技时代,互联网越来越不可缺失,人们在网上聊天,买东西,甚至足不出户就可以订到可口的饭菜。但在给我们带来诸多方便的同时,也不觉增强了隐私外泄的危险。就拿微信来说,不光储存着我们的银行账户信息,还有我们自己的小秘[详细]
-
使用CSS3代码绘制可爱的Hello Kitty猫
所属栏目:[站长百科] 日期:2020-03-16 热度:175
副标题#e# 感觉这个 Hello Kitty 画的还不错,心血来潮也用 CSS3 画了个 Hello Kitty,现在在这里记录一下详细的绘制过程。想要源码、素材、在线演示的同学可以直接拉到最下面。我们先看下原图: 结构分解 从上图可以看出,Hello Kitty 由脸蛋、耳朵、红色[详细]
-
关于排版中经常见的问题及解决方法(分享)
所属栏目:[站长百科] 日期:2020-03-16 热度:88
关于排版中经常见的问题及解决方法(分享) CSS Code复制内容到剪贴板 /*去除默认样式*/ -webkit-appearance:none; /*去掉手机上a、input和button点击时的蓝色外边框和灰色半透明背景 解决方案1:*/ a,button,input,optgroup,select,textarea,div{ -webkit-ta[详细]
-
浅谈CSS 权值 层叠 重要性(!important)
所属栏目:[站长百科] 日期:2020-03-16 热度:191
有的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢?我们来看一下面的代码: XML/HTML Code复制内容到剪贴板 p{color:red;} .first{color:green;} pclass=first三年级时,我还是一个span胆小如鼠/span的小女孩。/p p和.firs[详细]
-
浅谈css之属性及剩余的选择符
所属栏目:[站长百科] 日期:2020-03-16 热度:137
副标题#e# 今天的课程加速了,比平时快了些,但觉得很不错。nice~ 属性选择符 E[att] 选择具有att属性的E元素。 XML/HTML Code复制内容到剪贴板 input[type]{color:#red;}inputtype=radio E[att=val] 选择具有att属性且属性值等于val的E元素。 XML/HTML Cod[详细]
-
必须掌握10个非常不错的CSS技巧
所属栏目:[站长百科] 日期:2020-03-16 热度:133
在这里,巧妙的运用CSS的技巧,可以让你不用修改HTML就能得到很好的博客或者模板外观。我收集了一些非常有用的CSS技巧让我们设计博客时更炫更酷。 设计模版和博客主题时,我经常不断推敲和尝试CSS(Hit and Trial CSS ),我只看哪种配色方案和哪种CSS属性[详细]
-
10个非常实用的CSS hack技术
所属栏目:[站长百科] 日期:2020-03-16 热度:92
副标题#e# 好吧,既然你看了这篇文章,那么我猜你了解CSS并且知道它能为你做什么。但是一些很有用的技术对很多开发人员来说仍然比较隐秘,所以本文中,让我们看看10个肯定能提高你设计的CSS技术吧 1 跨浏览器的inline-block CSS Code复制内容到剪贴板 style[详细]
-
CSS特殊性、继承与层叠
所属栏目:[站长百科] 日期:2020-03-16 热度:160
选择器的特殊性由选择器本身的组件确定;特殊性由四个部分组成,其初始值为0,0,0,0。 1. 对于选择器中的每一个id,加0,1,0,0; 2. 对于选择器中的每一个类、伪类、属性选择,加0,0,1,0; 3. 对于选择器中的每一个元素、伪元素,加0,0,0,1; 4.[详细]
-
Web移动端布局那些事
所属栏目:[站长百科] 日期:2020-03-16 热度:154
最近做了一个针对微信移动端的项目,在开发中遇到了不少的坑,学到了也不少,发现有许多地方值得写一下,以供做web移动端同学参考参考。 一、单位 说到移动端,不得不提适配问题,大大小小的移动设备不但让做android和ios的难过,因为设备大小和浏览器的差[详细]
-
CSS3解决移动页面上点击链接触发色块的问题
所属栏目:[站长百科] 日期:2020-03-16 热度:75
副标题#e# 前段时间做微信页面的时候,一行内容做了2个链接,点击一个标签的时候,整个颜色块会闪一下,影响美观。需求针对这种情况来问我,能否把这个一闪的颜色去掉。我当时就想,这个怎么去?那我也不好直接回绝她,好吧,我试试吧!经过研究,百度的很[详细]
-
CSS中的line-height行高属性学习教程
所属栏目:[站长百科] 日期:2020-03-16 热度:198
副标题#e# 基本概念 1.行高、行距 行高是指文本行基线间的垂直距离。那什么是基线呢?记不记得vertical-align属性有个baseline值,这个baseline就是基线。看张盗图(选自下面的参考文章),其实我也修改了一下啦~ 注意:倒数第二根是基线哦,最下面那根是底[详细]
-
vs快捷键 用好Ctrl+Enter与Ctrl+Shift+Enter组合键让你的编辑代码速度快了很多
所属栏目:[站长百科] 日期:2020-03-16 热度:147
来看一个简单的例子吧 复制代码 代码如下: function Button1_onclick() { 您的光标在alert("Hello");这一行,按下Ctrl+Enter组合键在上方插入一行 alert("Hello"); 您的光标在alert("Hello")这一行,按下Ctrl+Shift+Enter组合键在下方插入一行 alert("Jacob[详细]
-
12种实现301网页重定向方法的代码实例(含Web编程语言和Web服务器)
所属栏目:[站长百科] 日期:2020-03-16 热度:114
为什么需要使用301重定向: 1. 保留搜索引擎的排名: 301 重定向是最有效的方法,不会影响到搜索引擎对页面的排名。 2. 保留访客和流量: 如果你将页面链接到大量方法可以访问过的地址,如果不是用重定向的话你就会失去这些用户(不解)原文:If you move you[详细]
-
CSS3轻松实现清新 Loading 效果的简单实例
所属栏目:[站长百科] 日期:2020-03-16 热度:92
至今HTML5中国已经为大家分享过几百种基于CSS3的Loading加载动画,效果酷炫代码简洁,非常值得学习借鉴;今天就先给大家分享两个常用的CSS3的Loading的案例。 第一种效果: HTML部分 XML/HTML Code复制内容到剪贴板 divclass=loading span/span span/span s[详细]
-
CSS3 media queries + jQuery实现响应式导航
所属栏目:[站长百科] 日期:2020-03-16 热度:169
副标题#e# 实现一个响应式导航,当屏幕宽度大于700px时,效果如下: 当屏幕宽度小于700px时,导航变成一个小按钮,点击之后有一个菜单慢慢拉下来: 思路: 1.为了之后在菜单上绑定事件,并且不向DOM中添加多余的节点,在大屏幕中出现的导航和小屏幕中的下拉[详细]
-
纯CSS实现导航栏Tab切换效果
所属栏目:[站长百科] 日期:2020-03-16 热度:151
副标题#e# 不用 Javascript,使用纯 CSS 方案,实现类似下图的导航栏切换: CSS 的强大之处有的时候超乎我们的想象,Tab 切换,常规而言确实需要用到一定的脚本才能实现。下面看看如何使用 CSS 完成同样的事情。 实现 Tab 切换的难点在于如何使用 CSS 接收[详细]
-
关于清除浮动塌陷的几种方法总结
所属栏目:[站长百科] 日期:2020-03-16 热度:183
副标题#e# 什么是浮动呢? 定义这样说:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 其实也就是把快级元素变成能和别的快级并排成一行。 浮动的的元素有4点特性: 1.浮动元素会脱离标准文档流,已经不区分快和行了。[详细]
-
css让容器水平垂直居中的7种方式
所属栏目:[站长百科] 日期:2020-03-16 热度:167
副标题#e# 方法一:position加margin XML/HTML Code复制内容到剪贴板 divclass=wrap divclass=center/div /div CSS Code复制内容到剪贴板 /**css**/.wrap{width:200px;height:200px;background:yellow;position:relative; }.wrap.center{width:100px;height[详细]
-
利用CSS实现立方体360度旋转效果实例代码
所属栏目:[站长百科] 日期:2020-03-16 热度:96
示例代码: 复制代码 代码如下: !DOCTYPE html html head lang="en" meta charset="UTF-8" title/title style * { margin: 0; padding: 0} ul {list-style: none;} ul { width: 200px; height: 200px; margin: 200px auto; position: relative; transition[详细]
-
利用纯CSS自定义Checkbox和Radio的样式示例代码
所属栏目:[站长百科] 日期:2020-03-16 热度:95
首先看看不同平台的checkbox radio 我们可以利用CSS3的一些属性来实现自定义checkbox radio样式。 HTML 代码 // radio inputdiv class=radioinput id=male type=radio name=gender value=malelabel for=maleMale/labelinput id=female type=radio name=gen[详细]
-
前端制作动画的几种方式(css3,js)
所属栏目:[站长百科] 日期:2020-03-16 热度:160
副标题#e# 制作动态的网页是是前端工程师必备的技能,很好的实现动画能够极大的提高用户体验,增强交互效果,那么动画有多少实现方式,一直对此有选择恐惧症的我就总结一下,以便在开发的时候选择最好的实现方式。 1.css的transition。 语法: transition:[详细]
