在印象中HTML的元素都是正正方方的。但是我们可以利用CSS3的border-radius属性将元素的边框圆角化,甚至可以实现圆形的绘制,以此为基础还可以对图片进行操作,将图片圆形化。
最近项目正好有用到CSS3的background-size属性,就抽空的研究下。以前网站很少会使用到这个属性,背景图片和父元素的宽高都是固定的,主要是因为以前网站只在PC上显示所以都采用固定式布局!但是现在的网站都要考虑在多种设备(比如手机、平板)上如何较好的显示,这样就需要背景图片的尺寸能够灵活的进行改变,使用background-size属性可以在某些方面简单的处理这类问题。
在html中,我们可以使用z-index属性控制定位元素的层叠顺序,z-index属性值越大,表示其优先级越高,优先级高的元素会显示在优先级低的元素之前(也就是遮盖住其他元素)。但是如果使用不当,会引发z-index属性无效的问题,本文针对一些导致z-index属性无效的情况做了分析,并研究对应的解决方法。
一般网站的URL都是使用斜杠"/"作为路径分隔,但是有时候网站上的某些文件链接会以反斜杠"/"作为目录分隔,这样就隐藏了一个问题,火狐浏览器对于反斜杠"\"的兼容并不是特别的好,一些较低版本的火狐浏览器会将反斜杠进行编码,最终会导致链接的URL地址错误。
如果您熟悉网页设计的概念,那么你已经知道如何使用层叠样式表(CSS)的基本知识了。CSS Sprites允许你创建一个使用网格布局形式组合而成,并且包含网页中所有图片的单个图像文件,每次请求只需要请求单张图片,并且只向服务器发送一次请求(比如网页上有10张图片,本来要请求10次,但是使用CSS Sprites后只需请求一次!对于网页来说,每张图片都需要发送一次HTTP请求,CSS Sprites减少了HTTP请求的次数,减轻服务器压力)。Jason Cranford Teague 向您展示了如何使用CSS Sprites 优化你网站中的图片使之合并为一个文件。
HTML使用相对路径获取各级目录下文件,包括各种基本语法使用和举例。
1、 .单个点或者直接目录名称表示当前目录。
2、..双个点表示当前文件的上一级目录
3、/单斜杠表示当前网站的根目录
使用百度的页面优化建议提示:“在页面<head>部分没有发现字符集定义,请增加该说明”,上面还有提到如果<head>部分未定义字符集,将增加页面渲染次数,速度减慢。
解决方法就是在网页<head></head>标签中定义下字符集:<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 。这里定义的是UTF-8(万国码),这是比较通用的字符集,也比较符合国际化。
但如果网站确定只是中文网站,就可以定义<meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">。其中gb2312全名是《信息交换用汉字编码字符集》,就是中文字符集。