CSS/HTML教程_CSS/HTML样式-群英

注册有礼

安全服务
云等保
云上等保、安全合规

大带宽
广西三线（东盟机房）

合作伙伴招募
合作与共赢，期待您的加入

高防推广大使
合作与共赢，期待您的加入

裸金属管理系统
专属智能化软件管理系统

CSS位置在页面内和外部调用的区别是什么
Admin 2022-07-14 04:07:04 CSS/HTML

1、减少http请求链接到外部不免增加额外的http请求，这个是很耗时的。2、避免裸页假如存放css的服务器挂掉，整个首页就挂掉了。放在页面内，比较安全。用户访问页面时，不会因为css加载不上，而造成裸页面。3、关于修改你可能说这样不便于修改和管理。实际上一般都是用程序动态加载进来的，然后用缓存静态化首页等。知道的 ...
CSS定位机制包括几种，定位属性使用什么
Admin 2022-07-14 04:07:57 CSS/HTML

在这种情况下，这个框称为无名块框，因为它不与专门定义的元素相关联。块级元素的文本行也会发生类似的情况。假设有一个包含三行文本的段落。每行文本形成一个无名框。无法直接对无名块或行框应用样式，因为没有可以应用样式的地方（注意，行框和行内框是两个概念）。但是，这有助于理解在屏幕上看到的所有东西都形成某种框 ...
在CSS中实现隐藏文字有几种方法
Admin 2022-07-14 04:07:38 CSS/HTML

有时候，我们会用图片代替文字，最常用的就是用在input按钮上。以前，我都会用text-indent:-9999px将文字移到页面外面，但这个方法在IE6下有个bug，不属于块元素的应用此css属性后，此块的内容也会消失，这时候需要将这块内容设置为块元素（display:block;）.最近，我习惯给一些固定长宽的元素使用line-height:999em进行移 ...
用CSS3怎么样做滑动左侧菜单，代码是什么
Admin 2022-07-14 04:07:02 CSS/HTML

有时候我们需要在网站上的边栏上放一个客户帮助的表单，开始是放一个按钮在那里，点击之后滑出内容来，一般这种效果我们会用js来控制。现在CSS3也可以做到了哦。这个是怎么做到的呢？那就要用到CSS3里面的:target这个标签了。之前我也写过相类似用到:target的动画。比如：CSS3手风琴的两种制作方案超酷的CSS3幻灯片效果下面 ...
CSS常用效果有哪些，实现代码是什么
Admin 2022-07-14 04:07:20 CSS/HTML

最近翻阅网上资料，查到了一些自己从未用过的CSS，于是记录下来，在有些时候兴许能用得上。1、CSS中简单的运算我们通常用css指定的是静态的结果，而动态结果，如高度，位置等等则需要js来动态进行计算赋值，而其实css自己也能够进行简单的运算，主要是用到了calc这个函数。.div{width:calc(100%-50px);}2、使用CSS实现文字 ...
CSS中单位的百分比用法及含义是怎样的
Admin 2022-07-14 04:07:02 CSS/HTML

CSS支持多种单位形式，如百分比、px、pt、rem等，百分比和px是常用的单位，随着移动端和响应式的流行，rem、vh、vw也开始普遍使用，这些单位你可能未必知道，想了解？可以戳此文：CSS：7个你可能不认识的单位。今天在SegmentFault社区碰到了两个关于百分比计算的问题，一个是在translate中使用百分比的时候，是相对于哪个DO ...
用CSS如何制作气泡框的三角形效果
Admin 2022-07-14 04:07:57 CSS/HTML

实现的原来就是：在一个宽高为0像素的块状元素中设置border属性，例如.box{width:0px;height:0;border-bottom:50px#F00solid;border-left:50px#03Fsolid;border-right:50px#F90solid;border-top:50px#6C0solid;}在浏览器中的显示如图：这样就有上下左右四个三角形了，再把除了要用的三角外的其他3个三角（border）颜色设置 ...
在CSS中怎么把元素隐藏，方法有什么
Admin 2022-07-14 04:07:57 CSS/HTML

1.opacity:0只是把元素隐藏起来了，但是还是占有布局，所以还是对布局有影响<divclass="div1">snda:opacity:0只是把元素隐藏起来了，但是还是占有布局，所以还是对布局有影响</div><p>ppskdkad</p>.div1{opacity:0;width:200px;height:200px;border:1pxsolidred;}2.visibility:hidden还是只是把元素隐藏了，但是还是占有布 ...
HTML+CSS怎么实现边框渐变发光的效果
Admin 2022-07-14 04:07:56 CSS/HTML

本文介绍的是一个使用伪元素来实现边框逐渐发光的代码，主要用到scale和opacity这两个属性。下面来看看详细的介绍：效果图如下：HTML代码：代码如下复制代码<divclass="light"><imgsrc="http://tva2.sinaimg.cn/crop.0.0.180.180.180/6830a53bjw8f2qo4xzc2zj20500500t0.jpg"/><divclass="light-inner"><p>前端开发博客</p> ...
HTML中JSON数据的显示问题怎么解决
Admin 2022-07-14 04:07:56 CSS/HTML

背景：有时候我们需要将json数据直接显示在页面上（比如在做一个接口测试的项目，需要将接口返回的结果直接展示），但是如果直接显示字符串，不方便查看。需要格式化一下。解决方案：其实JSON.stringify本身就可以将JSON格式化，具体的用法是：JSON.stringify(res,null,2);//res是要JSON化的对象，2是spacing如果想要效果更 ...