随笔分类 - {content:'html-css''}
前端基本
摘要:css3中的border-image 兼容性: 首先:参数解读! border-image: 有六个属性值! border-image-source:图片地址; border-image-slice:图片切片; border-image-width:图片宽度; border-image-ourset
阅读全文
摘要:一个简单地额记录 .btn{ background:url(images/phone.gif); background-repeat:no-repeat; background-position:-63px -40px; height:20px; width:20px; text-align:cen
阅读全文
摘要:ul中嵌套div导致布局混乱 <!DOCTYPE > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <t
阅读全文
摘要:线性渐变代码function show(){ var obj=document.getElementById("demo"); var context=obj.getContext("2d"); var g=context.createLinearGradient(0,0,0,30...
阅读全文
摘要:代码 function show(){ //useBeginPath(); notUseBeginPath(); } function useBeginPath(){ var obj=document.getElementById("demo"); var ...
阅读全文
摘要:利用css中的em实现弹性页面布局我这里仅仅是记录一下学习笔记滴呀;1、浏览器的默认字体大小是16px2、如果元素自身没有设置字体大小,那么元素自身上的所有属性值如“boder、width、height、padding、margin、line-height”等值,我们都可以按下面的公式来计算 1 ...
阅读全文
摘要:Css中的px em rem区别px:像素px是你屏幕设备物理上能显示出的最小的一个点,这个点不是固定宽度的,不同设备上点的长宽、比例有可能会不同。假设:你现在用的显示器上1px宽=1毫米,但我用的显示器1px宽=两毫米,那么你定义一个div宽度为100px,你显示器上看这个div是10厘米,我显示...
阅读全文
摘要:效果:解释:浮动元素是脱离的文档流滴,后面的非浮动的块级元素,将会被覆盖,如果是relative 布局,那么可通过z-index 方式来设置山下显示。
阅读全文
摘要:1.行内元素浮动“起来”后,该元素将变成块级元素!首先说说块级元素和行内元素区别,简单的来说,块级元素独占一行,可以设置宽高以及边距,行内元素不会独占一行,设置宽高行距等不会起效。常见的块级元素有:h1~h6、p、div、ul、table,常见的行内元素有:span、a、input、select等。...
阅读全文