想当年,我爱模板网在参加培训网页设计的时候,都没有听过什么是响应式布局。可是,才短短两三年,响应式布局已经成为了大势所趋。最近,做了几个客户的单子,全都要求响应式
今天,我爱模板网在做一个手机站的时候,一个左侧弹出菜单,需要高度全屏,宽度半屏,后面的半透明灰色遮罩高度和宽度都是全屏。这个,一般我都是用js获取屏幕的宽高来解决的
border-radius未出来之前,类似织梦官网那样,处处圆角却不得不切成图片的布局真是让人头疼不已,如今,一句border-radius就能解决过去可能很多行才能解决的问题。真是牛叉。但是,在
今天,一个摩天轮的客户发来一个修改需求,说是上面的a链接点击后留下了虚线框,太难看了,去掉: 点击之前 点击之后 这是因为,点击后,a链接获得了焦点,浏览器为了让用户明
您在做项目的时候,可能遇到图片需要居中、居左、居右的问题,一般的解决办法是,给图片的父容器加上下面的代码: text-align:center; 但是,这个不是很好用,经常对于文字有作用,
在写CSS的时候,我爱模板网一直很疑惑,这css样式可以用英文,那么是不是所有颜色的英文都可以呢?比如:palegoldenrod等,今天看到这个对照表,所有的英文用在css上面都可以,参考下
在做网页布局时,切记,命名一定要有规范,要留有命名空间。以下,是我爱模板网总结的一些css命名技巧和常见命名规则: 一、DIV+CSS规范命名大全集合 1)、所有的命名最好都小写
先看下效果图: 这个立体按钮,完全是css写的(除了圆角用的是css3的border-radius),其实很简单,底部是边框,上面纯色,鼠标放上去的时候,将按钮颜色变亮,给边框加粗,按下去,给边
现在的网页浏览媒介太多,不同的平台有不同的尺寸,如PC端、手机端、iPad等等,尺寸相差太多,不使用响应式布局,就没法兼容这些浏览器。这里,我爱模板网简单讲解下@media screen
在做手机站时,遇到了下面的一段代码: meta name="viewport" content="width=device-width, initial-scale=1.0" ViewPort meta标记用于指定用户是否可以缩放Web页面,如果可以,那么缩放到的最大和最小缩放