霍者博客

欢迎访问霍者博客(微信hylg1234)最新发布 练习题合集 软件合集 视频合集

web前端大神 href和src有什么区别呢?

相信大家对href和src一定不会陌生,平时我们开发项目,只知道a和link标签习惯性的,行尸走肉式的使用href;而img和script也是习惯性的使用src链接资源。然而我们对于为什么使用href或者src并不是太深入的了解。

href和src是有区别的,而且是不能相互替换的。我们在可替换的元素上使用src,然而把href用于在涉及的文档和外部资源之间建立一个关系

href (Hypertext Reference)指定网络资源的位置,从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。当我们写下:

...

CSS3 Media Queries 实现响应式设计

使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。

@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。

当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。

一、页面中引入媒体类型方法也有多种

1.link方法引入

<link rel="stylesheet" media="screen and (max-width: 600px)" href="sytle1.css" />

在屏幕最大是600px的时候加载“sytle1.css”

...

jQuery实现购物车数字加减效果

jQuery实现购物车数字加减效果,实现方法比较简单。

经常会写到购物车这块,而购物车很多就有加减这个效果(可以将HTML代码复制多个,同时支持),小小的总结了一下,代码如下:

HTML

...

网页设计师需要理解的浏览器内核问题

作为网页设计师,一定要对我们必须要面对的浏览器内核问题有足够深的理解,因为现实中,常常会遇到,我问对方你浏览器内核是什么,对方往往回答,360浏览器。大家发现了吧,问题这里就出现了,国内的浏览器,如360浏览器,QQ浏览器等等,他们都是没有自己内核的,也就是说他们用的是现成的浏览器内核,他们只是做了一个壳子,让浏览器更好用而已。

那么下面呢,就简单的介绍一下目前常见的浏览器内核的相关问题:

浏览器主要分成两部分:渲染引擎(layoutengineer或RenderingEngine)和JS引擎

...

IIS6不支持svg图像显示的解决方法

今天一个客户的网站上,我把本来一直都用的图片的图标,这次用了svg来显示,在本地一切正常,可是上传到服务器上之后就发现一些图标不显示了。图片存在,但是直接访问svg的绝对路径也访问不了,就百度了下,这个.svg的图片想要在IIS上能正常打开,还需要做一下映射才行。

1、先打开IIS-找到你网站点右键属性-HTTP头-点击MIME类型

...

CSS3代码属性Flexbox实现内部div上下居中效果的代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS3代码属性Flexbox实现内部div上下居中效果的代码</title>
<style>
*{margin:0;padding:0;}
.huozhe{width:100%;height:250px;margin:0 auto;background-color:#ccc;
/* 以下为核心CSS代码 */
display: flex;
align-items: center;
}
.huozhe .demo2{width:200px;height:70px;margin:20px;background-color:#fff;}
</style>
</head>
<body>
<div class="huozhe">
<div class="demo2">demo2</div>
</div>
</body>
</html>

相关元素标签说明

...

网页设计被侵权了,聪明的设计师你该这么办!

霍者曰:我一直坚持的,网页设计应该是要原创的,在我的实际工作中也基本上做到了,客户的网站都是原创设计,而不是像网络上那些,直接扒别人网站皮的人,这样的人一个是不劳而获,另一方面,也是网页设计进步的绊脚石,所以,在此希望大家还是老老实实的练好自己的网页设计功底才是正道!

博主之前看过一篇小文“何谓网络剽窃”,实际上,网络抄袭与剽窃的对象,除了将登载于各种载体上的各种作品改头换面作为自己的作品登载于网络以外,还包含了网页设计的抄袭与剽窃,网页设计侵犯著作权。

...