网站知识

在制作网页时我们经常会需要将一些模块div用css进行垂直居中，那么div垂直居中应该怎么设置css呢，今天就给各位分享 div垂直居中显示三种方式。 方法一: 绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位(position: relative;) div{ background:red; posi…...

京东e卡是一种电子礼品卡，是由京东商城发行的一种虚拟卡片，可以用于在京东商城上购物或兑换其他虚拟卡片或礼品。与传统的实体礼品卡不同，京东e卡可以直接通过京东商城或其他指定渠道在线购买、在线发送和在线使用，方便快捷。 京东e卡有多种面值，用户可以根据需要选择不同面额的电子礼品卡进行购买和使用。京东e卡可以用于购买京东商城上的任何商品，包括数码产品、家居百货、服装鞋帽、美妆护肤等各类商品，京东e卡使用…...

单像素边框的css样式设置 <table class="gridtable"> <tr> <th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th> </tr> <tr> <td&…...

我们在制作网页的有时候为了美观需要将一些方框的角用有弧度的方式展现，那么以前的做法都是切图，现在我们只要用css3就可以轻松实现方框圆角处理。 border-radius：是将四个角都按一样的方式处理，而top-left、top-right、bottom-right、bottom-left则可以对四个角进行分别处理第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。 <p…...

我们在使用帝国cms制作网站的时候，首页和列表页使用默认的时间调用标签经常得不到我们需要的结果，今天小编分享一下列表页单独调用时间的标签。 1、首先我们需要在列表页的模板页勾选“使用程序代码”，这样我们才可以使用php写代码调用。 调用具体代码 $listtemp='<li> <dl> <dt><img src="[!--titlepi…...

今天给各位分享一款比较好看的登录界面毛玻璃效果代码，需要直接拿走。 html代码 <div class="container"> <div class="bg"> <span></span> <span></span> <span></span> </div…...

在css中，min-height属性是使用来定义元素的最小高度，就是元素可以比指定值高，但不能比其矮。当元素内容过多时最小高度装不下后，元素的高度将随内容增加而增加。该属性不允许指定负值，设置的最小高度不包括填充，边框，或页边距。 min-height属性是用来实现：元素必须有一定的高度，但又不想固定，当元素内容小于元素的最小高度时，元素保持最小高度不变，当元素内容大于元素的最小高度时，元素的高度…...

今天给各位小伙伴分享一款比较好看的文字提示框，实现的方法也很简单，代码自取。 html代码 <div class="inner"> <span>i</span> <h1>Hey</h1> <p>这是一张信息卡他会告诉你一些重要的信息</p> </div> css代码 *{ margi…...

1、单行文本省略显示 p{ width: 300px; height: 30px; line-height: 30px; border: 2px solid red; 　 /* 禁止文本换行 */ white-space:nowrap; /* 文本溢出的部分隐藏 */ overflow: hidden; /* 文本溢出的部分用省略号表示 */ text-overflow: ellipsis; } …...

min-width允许你设置元素的最小宽度，它经常与最大宽度的响应等一起使用，本篇文章我们就来看看CSS中min-width的具体使用方法。 我们先来看看什么是min-width? min-width属性是允许设置元素的最小宽度。 如何使用min-width属性? 例如，为了“让我们可以轻松查看任何大小的浏览器”，假设你有一个元素可以创建响应式网站，可以将内容的宽度设置为width：30%; 如果…...

今天给大家分享一下网页的翻页代码实现效果，只需要简单的几行代码就可以轻松实现你想要的翻页效果。 html代码 <div class="page"> <a href="">1</a> <a href="">2</a> <a href="">3<…...

要想制作一个外观好看的网站，我们必须要学会一些基础的代码才行，而对于颜色代码也是高频率使用，今天就给各位小伙伴分享一些实用的颜色代码。 1. 黑色：#000000 2. 白色：#FFFFFF 3. 红色：#FF0000 4. 绿色：#00FF00 5. 蓝色：#0000FF 6. 灰色：#808080 7. 橙色：#FFA500 8. 黄色：#FFFF00 9. 紫色：#800080 10. 粉红…...

今天给各位小伙伴分享一下只用css样式来实现滑动菜单效果，看着还不错，就是不知道放到项目好不好用。 html代码 <div class="tabs"> <input type="radio" id="home" name="tabsMenu" checked> <input type=&q…...

css设置透明度的方法有：rgba()，opacity，filter:opacity(%) rgba()透明度的设置方法 html代码 <h1>hello world</h1> css代码 h1{ background:rgba(255,0,0,0.5); } 这样就得到了红色半透明的背景和文字 opacity属性透明度的设置方法 在 CSS3 中，增加了一个 opacit…...

释标签用于在源代码中插入注释。注释不会显示在浏览器中。 您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。当您编写了大量代码时尤其有用。 使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯（这样就不会把脚本显示为纯文本） 注释：注释行结尾处的两条斜杠(//)是JavaScript 注释符号。这可以避免JavaScript 执行 –>标签。 <!-- 这是一段注释 …...

html转txt非常简单只需要修改html的后缀为txt即可，直接右键重命名就可以修改成txt文件，但是如果是普通的文字编辑可以i，但是如果是用txt进行代码编写就不推荐了，到后面会经常出现一些莫名其妙的问题。 如果要编写代码新手还是比较推荐使用sublime text或者Visual Studio Code等一些编辑器比较好。...

html代码部分 <div class="nav_wrap"> <ul class="nav_mine"> <li class="nav_item">全部</li> <li class="nav_item">Adobe</li> <li cl…...

今天给各位小伙伴分享一个简单的滑动门效果 html代码 <ul id="nav"> <li class="active"><a href="#">Nav1</a></li> <li><a href="#">Nav2</a>&…...

帝国cms默认编辑器换行如何将<br>便签修改为<p>标签，我想这一直是困扰很多新手网站长的一个难题，下面小编就给大家分享怎么修改为敲回车键变为<p>...</p>标签方法。 将下面三个路径地址里面的，config.js找到并打开 \e\admin\ecmseditor\infoeditor\config.js; \e\admin\ecmsedito…...

1、css属性 white-space <p style="white-space: pre;">姓 名</p> 兼容性：IE8 以下不支持。 2、html pre 标签 <pre><p>姓 名</p></pre> HTML <pre> 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的…...