您现在的位置:首页 > 网站技术

网站技术频道头条

css 实现矩形四个边角加粗的方法
1、工具/原料 html css 2、具体实现 效果图 html代码 body h1 style = color: red css...
CSS中提升优先级属性!important的用法
一、语法 选择器{样式:值!import;} 二、说明 提升指定样式规则的应用优先权,即!importa...
域名解析用A记录好还是CNAME记录好?
A记录是解析IP的,除非你的服务器是独立IP,否则IP改变你的网站无法访问,不是独立IP建议选...

浅谈css3中的渐进增强和优雅降级

渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3,但是 CSS3 特效太优秀不忍放弃,所以在高级浏览器中使用CSS3,而在低级浏览器 只保证最基本的功能。二者的目的...

日期:2017-12-09 19:41:32

点击:68 好评:0

浅谈css3中calc在less编译时被计算的解决办法

对于前端er来说,Less或Sass已经是一项必备的基本技能,有了这个利器,可以省下前端开发者的很多编码时间,让你写CSS如行云流水一般,然后最近我在Less里加入calc时确发现了有点问题,我在Less中这么写: ? 1...

日期:2017-12-09 19:40:05

点击:85 好评:0

css解决font-weight:blod跳动问题的解决

实现方式1: ? 1 a:hover{ font-weight :blod} 结果鼠标悬停的时候,页面会有跳动的现象。因为改变字体的时候改变了元素的大小,所以引起了页面的重排,所以会有跳动的现象。 实现方式2: ? 1 a:hover{ te...

日期:2017-12-09 19:39:04

点击:175 好评:0

浅谈CSS以图换字的9种方法

前面的话 CSS以图换字的技术,很久都没人提起了。它是一种在h1标签内,使用图像替换文本元素的技术,使页面在设计和可访问性之间达到平衡。本文将详细介绍CSS以图换字的9种方法 文字隐藏 在h1标签中,新...

日期:2017-12-09 19:37:39

点击:180 好评:0

css实现图片横向排列滚动效果

具体代码如下所示: ? 1 2 3 4 5 6 7 8 9 10 11 .imageList{ overflow-x: auto ; overflow-y: hidden ; height : 180px ; white-space : nowrap ; img{ width : auto ; height : 100% ; margin-ri...

日期:2017-12-09 19:36:17

点击:165 好评:0

css 实现矩形四个边角加粗的方法

1、工具/原料 html css 2、具体实现 效果图 html代码 body h1 style = color: red css实现矩形边角加粗/ h1 div class = main span / span span / span span / span span / span / div / body c...

日期:2017-10-12 22:03:13

点击:173 好评:0

CSS中提升优先级属性!important的用法

一、语法 选择器{样式:值!import;} 二、说明 提升指定样式规则的应用优先权,即!important为开发者提供了一个增加样式权重的方法,让浏览器首选执行这个语句。 例如下面这个样式: 1 2 3 4 5 div{ mar...

日期:2017-10-12 22:01:43

点击:103 好评:0

css实现多行超出显示省略号

单行省略号 1 2 3 4 5 6 7 divclass= test asadsadsadsasadasdsadadasa/div lt; pre name= code class= html .test{ width : 50px ; overflow : hidden ; white-space : nowrap ; text- overflo...

日期:2017-10-08 19:42:50

点击:142 好评:0

web开发教程之跨域的解决方案详解

什么是跨域? 概念如下:只要协议、域名、端口有任何一个不同,都被当作是不同的域 下面是具体的跨域情况详解 URL 说明 是否允许通信 http://www.a.com/a.js、http://www.a.com/b.js 同一域名下 允许...

日期:2017-10-08 18:33:16

点击:138 好评:0

CSS3怎么实现的无缝轮播功能代码

那么.原因到底是为什么呢 ? 因为 CSS3的过渡是异步事件, 那时候的我恍然大悟,才意识到了自己的年少无知. 那么既然是异步事件, 我们就需要利用监听事件,来监听每一次过渡状态结束的时候, 然后再...

日期:2017-10-08 18:30:19

点击:98 好评:0

CSS3的颜色渐变效果的示例代码

在animate.css寻找自己想要的动态效果,看到标题Animate.css和按钮Animate it的颜色在逐渐变化,觉得蛮有趣的,把控制变化的相关代码扒了下来,自己分析实现一波。 一开始认为使用了js控制颜色逐渐变化,...

日期:2017-10-08 18:28:25

点击:198 好评:0

耐思尼克 域名版建站宝盒如何管理和使用

本文章来自网络 耐思尼克 1. 如何免费获得建站宝盒 即日起,凡在耐思尼克购买域名,即免费获赠精美建站宝盒系统一套。 域名缴费开通后, 登录用户控制中心-域名管理-建站 即可登录建站宝盒免费版。 2....

日期:2017-09-11 22:09:59

点击:135 好评:0

域名解析用A记录好还是CNAME记录好?

A记录是解析IP的,除非你的服务器是独立IP,否则IP改变你的网站无法访问,不是独立IP建议选择CNAME记录。 自愈哪个好,看自己服务器或虚拟主机的功能配置。 解析IP跟收录无关,跟网站安全无关。 下面是本...

日期:2017-09-11 21:51:07

点击:65 好评:0

域名解析数据包分析工具 Wireshark

DNS 域名解析 ? 数据包分析工具 Wireshark。DNS(Domain Name System,域名系统),因特网上作为域名和IP地址相互映射的一个分布式数据库,能够使用户更方便的访问互联网,而不用去记住能够被机器直接读取的...

日期:2017-07-09 23:56:20

点击:173 好评:0

使用 css3 实现圆形进度条的示例

在开发微信小程序的时候,遇到圆形进度条的需求。使用canvas绘图比较麻烦: 1、为了实现在不同屏幕上面的适配,必须动态的计算进度条的大小; 2、在小程序中,canvas的画布具有最高的层级,不易于扩展。 但...

日期:2017-07-07 00:08:23

点击:135 好评:0

css3 border-radius属性详解

有什么用? 这个radius属性,可不只是设置圆角,还可以用来画一些简单的图形。 画个圆形 ? 1 2 3 4 5 6 #demo 1 { width : 100px ; height : 100px ; background : red ; border-radius: 50% ; } 上述...

日期:2017-07-07 00:06:45

点击:71 好评:0

css 两端对齐

关于css 两端对齐的问题解答 CSS: * { margin : 0 ; padding : 0 ;} /* 说明: 1.IE中要实现块内单行两端对齐需要使用其私有属性text-align-last:justify配合,text-align-last 要生效,必须先定义tex...

日期:2017-06-20 23:34:00

点击:189 好评:0

css表格文字两端对齐

关于css表格文字两端对齐的问题解答 最近在工作项目中接触到Web界面设计的问题,要实现文字两端对齐的效果。在网上搜索了一下,差不多都是互相转帖,用的都是类似的技巧: text-align:justify;text-just...

日期:2017-06-20 23:32:51

点击:185 好评:0

深入理解HTML的FormData对象

下面小编就为大家带来一篇深入理解HTML的FormData对象。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧,祝大家游戏愉快哦! FormData是HTML5标准制定的一个新的封装对象,有...

日期:2017-06-20 00:29:32

点击:117 好评:0

关于表格table嵌套,边框合并问题的解决方法

【问题】 外层table与内层table嵌套,内外表格都需边框时,设置border=1,但边框会重复,造成某些地方边框粗,有些地方边框细的问题。 【解决办法】: 1 table border= 1 cellspacing= 0 cellpadding= 0 sty...

日期:2017-06-20 00:28:12

点击:127 好评:0

HTML5中的postMessage API基本使用教程

关于postMessage window.postMessage虽然说是html5的功能,但是支持IE8+,假如你的网站不需要支持IE6和IE7,那么可以使用window.postMessage。关于window.postMessage,很多朋友说他可以支持跨域,不错,win...

日期:2017-06-20 00:27:17

点击:121 好评:0

关于老式浏览器兼容HTML5和CSS3的问题

下面小编就为大家带来一篇关于老式浏览器兼容HTML5和CSS3的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 1.让老式浏览器支持HTML5 HTML5能为我们做的事儿...

日期:2017-06-20 00:25:51

点击:170 好评:0

HTML5中的进度条progress元素简介及兼容性处理

一、progress元素基本了解 1.基本UI progress元素属于HTML5家族,指进度条。IE10+以及其他靠谱浏览器都支持。如下简单code: XML/HTML Code复制内容到剪贴板 1.progresso(︶︿︶)o/progress 是个很带感的...

日期:2017-06-20 00:24:55

点击:148 好评:0

HTML5 Canvas渐进填充与透明实现图像的Mask效果

详细解释HTML5Canvas中渐进填充的参数设置与使用,Canvas中透明度的设置与使用,结合渐进填充与透明度支持,实现图像的Mask效果。 一:渐进填充(Gradient Fill) Canvas支持两种渐进填充方式,一种为线性渐...

日期:2017-06-14 01:07:54

点击:102 好评:0

html5 input属性使用示例

今天才接确html5 +css3 实在是太赞了。 下面我就来介绍一下今天我用到的 input 属性。 html5 代码如下: 代码如下: input type=text placeholder=输入 回车搜索 autofocus x-webkit-speech / plac...

日期:2017-06-14 01:07:21

点击:92 好评:0

仿酷狗html5手机音乐播放器主要部分代码

HTML5作品,经测试,效果确定不错,遗憾的是只支持谷歌和苹果等以webkit核心的浏览器,网友体验的时候请使用谷歌等浏览器来运行,不然的话无法看到效果,不说了,看效果吧 复制代码 代码如下: 主要部分代码如...

日期:2017-06-14 01:06:45

点击:154 好评:0

HTML5 对各个标签的定义与规定:aside

对aside标签的定义与规定 aside 用来装载非正文类的内容。(DOM接口、可设置属性)。 例如广告,成组的链接,侧边栏等等。 !DOCTYPE html html head meta http-equiv=Content-Type content=text/html; c...

日期:2017-06-14 01:06:13

点击:198 好评:0

HTML5 对各个标签的定义与规定:body

body元素就是就是html文档的主内容标签。 可设置属性 onafterprint在打印文档之后运行脚本 onbeforeprint在文档打印之前运行脚本 onbeforeonload在文档加载之前运行脚本 onblur当窗口失去焦点时...

日期:2017-06-14 01:05:45

点击:63 好评:0

HTML5 对各个标签的定义与规定:base

base标签除了全局的属性之外,还有 href、target两个属性。 没有内容值。 interface HTMLBaseElement : HTMLElement { attribute DOMString href; attribute DOMString target; }; base标签用于定...

日期:2017-06-14 01:05:17

点击:117 好评:0

HTML5 对各个标签的定义与规定:nav

对nav标签的定义与规定 HTML5 中的新元素标签nav用来将具有导航性质的链接划分在一起,使代码结构在语义化方面更加准确,同时对于屏幕阅读器等设备的支持也更好。 一直以来,我们习惯于使用形如div id...

日期:2017-06-14 01:04:24

点击:164 好评:0

HTML5中对accesskey属性的解释与规定

所有的html元素都可以设置accesskey属性。元素accesskey属性用来设置激活该元素或该元素获取焦点的快捷键。 可以设置多个,用空格间隔,且大小写敏感。...

日期:2017-06-14 01:03:59

点击:163 好评:0

HTML5 对各个标签的定义与解释:noscript

如果浏览器支持脚本,那么它不会显示出 noscript 元素中的文本。 无法识别 script 标签的浏览器会把标签的内容显示到页面上。为了避免浏览器这样做,您应当在注释标签中隐藏脚本。老式的(无法识别 sc...

日期:2017-06-14 01:03:36

点击:119 好评:0

HTML5 对各个标签的定义与规定:section

section标签是 HTML 5 中的新标签。 W3C定义为: section 标签定义文档中的节(section)。比如章节、页眉、页脚或文档中的其他部分。 section元素标签用来表现普通的文档内容或应用区块。一个section...

日期:2017-06-14 01:03:09

点击:165 好评:0

HTML5中对class属性的解释与规定

每个元素都可以设置class属性。 如果一个元素属于多个class,用空格隔开,例如a href=http://www.htmlv.cn/html5/a。 设置有class属性值的元素,可以被css中的选择器调用,也可以在DOM中以getElementsBy...

日期:2017-06-14 01:02:09

点击:191 好评:0

28个HTML5特征、窍门和技术

前端的发展如此之迅猛,一不留神,大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话,可以把本文的内容作为必须了解的热身课程。 一、新的Doctype //zxx:doctype中文...

日期:2017-06-14 01:00:52

点击:69 好评:0

HTML5中对id属性的定义与规定

此次课程主讲内容是ID元素 id是一个元素的唯一标识,需确保每个元素的id的独一性。 id至少由一个字符组成,且不能包含空字符。 具有不为空id属性的元素,可以在css或DOM的getElementById()方法中方便...

日期:2017-06-14 01:00:16

点击:139 好评:0

HTML 5可以做五件事情 超出你的想象

1. 制作时尚的表单 表单是Web设计的重要组成部分,常见的有注册表单、联系表单以及反馈表单,表单设计应该在不影响用户体验和可用性的前提下尽量美观,以吸引用户填写内容。下面这些示例将带您体验HTM...

日期:2017-06-14 00:59:33

点击:153 好评:0

五大主流浏览器 CSS3 和 HTML5 兼容性大比拼

各大主流浏览器对 CSS3 和HTML5的支持越来越完善,曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天,W3C的 HTML5 社区领袖 Shelley 宣布,HTML5的开发工作已经接近完成,如果进展顺利,HTML5...

日期:2017-06-14 00:58:55

点击:128 好评:0

HTML5漫谈(2)–HTML5为什么这样红?

HTML5这么红,除了它天生丽质之外,还离不开标准化组织、各大公司及开发者的支持和追捧。 1、技术:天生丽质 HTML5的卖点就两个:第一、跨平台,第二、开发简单。 如果非得短话长说、上纲上线,那我们可以这...

日期:2017-06-14 00:58:00

点击:121 好评:0

gbk与utf-8的详细区别

GB 2312或GB 2312-80是一个简体中文字符集的中国国家标准,全称为《信息交换用汉字编码字符集基本集》,又称为GB0,由中国国家标准总局发布,1981年5月1日实施。GB2312编码通行于中国大陆;新加坡等地也...

日期:2017-06-14 00:57:22

点击:62 好评:0

HTML5布局标签属性和方法

header标签 header标签定义文档的页眉(介绍信息),用法: headerh1阿邦 Dreamweaver 专栏/h1/header nav标签 nav 标签定义导航链接的部分,用法: nav ul lia href=#菜单一/a/li lia href=#菜单二/a/li li...

日期:2017-06-14 00:56:45

点击:109 好评:0

HTML5 对各个标签的定义与规定:header

header标签定义文档的页面组合,通常是一些引导和导航信息(DOM接口、可设置属性)。 header标签定义文档的页眉(介绍信息)。 Header 区的例子包含了页面标题和副标题,header标签被用来创建页面的Header区...

日期:2017-06-14 00:56:19

点击:137 好评:0

HTML5 对各个标签的定义与规定:link

所有全局属性 href rel media hreflang type sizes title(title属性对于link标签有特殊的含义) 属于meta信息。 放在head中,或者head的子元素noscript中。 为空元素。 拥有属性 DOM 接口: 代码: 全...

日期:2017-06-14 00:54:21

点击:116 好评:0

CSS制作网页中的虚线

这里议决边框属性的虚线边框border控制虚线。以下配置的css 高度(css height)和css 宽度(css width)为350像素是为了便于观看演示 其它意思。 一、四边为虚线边框 border:1px dashed #000; 黑色...

日期:2017-06-12 00:28:15

点击:76 好评:0

DIV+CSS固定底部的漂浮广告

在项目中。为了解决多浏览器兼容的问题。。ie6很头痛。div经常出现浮动。。。。 然后在网上找了一个例子。。。。 css代码如下: body { background-image:url(text.txt); /* for IE6 */ backgroun...

日期:2017-06-12 00:26:36

点击:184 好评:0

css代码优化的12个技巧

编写好的CSS代码,有助提升页面的渲染速度。本质上,引擎需要解析的CSS规则越少,性能越好。MDN上将CSS选择符归类成四个主要类别,如下所示,性能依次降低 1.ID 规则 2.Class 规则 3.标签规则 4.通用规则...

日期:2017-06-12 00:25:33

点击:133 好评:0

DIV边距属性在Chrome和IE中的区别

突然间,在Chrome下看起来很整齐的布局,在IE下变成一团糟。为了找出原因,我改动了div的background-color属性。最后,发现同一个DIV的宽度在IE和Chrome下却不一样。这大晚上的,真是怪吓人滴! 之后,做了个...

日期:2017-06-12 00:21:27

点击:81 好评:0

愚人节巧用CSS开个极客式玩笑以chrome为例

愚人节到了,如果你想和那些要上网的朋友或同事开个极客式玩笑,那就来试试这些CSS吧。 免责声明:恶搞带来的所有后果,请恶搞者自行负责。本站不承担任何责任。 注:本文以chrome为例 1. 网页上下颠倒 代...

日期:2017-06-12 00:20:24

点击:127 好评:0