HTML5先行者高级交流群

欢迎加入学习讨论
专注前端,专注网页设计制作及网站开发项目 - (低价承接网站开发项目) QQ:370158739加入收藏RSS
-
2014-05-23 09:27:15
CSS百分比定义高度为什么没有效果_CSS教程_CSS_网页制作
- 点评:给div设置height=50%,往往没能看到效果,这是因为百分比的大小是相对其父级元素宽高的大小,如最外层元素设置的百分比是对应屏幕而言的当我们给块级元素设置响应式高度的时候,例如给div设置height=50%,往往
-
2014-05-23 09:26:52
很漂亮很有个性的CSS水平下拉菜单_CSS教程_CSS_网页制作
- 点评:本节有为大家介绍一款很漂亮的CSS水平下拉菜单,经测试非常有个性,下面是实现css样式,大家可以尝试测试下
复制代码代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/
-
2014-05-23 09:26:51
设置链接颜色的伪类选择符的顺序为LVHA_CSS教程_CSS_网页制作
- 点评:CSS提供了四种伪类设置链接的颜色,包括:link、:visited、:hover、:active,它们的声明是有一定顺序的,简称为L-V-H-A爱恨原则:LOVE HATE
CSS提供了四种伪类设置链接的颜色,包括:link、:visited、:hover、
-
2014-05-23 09:26:51
CSS与JS中的相对路径引用简单介绍_CSS教程_CSS_网页制作
- 点评:javascript和css文件中采用相对路径,其基准路径是完全不同的,下面为大家介绍下CSS与JS中的相对路径引用,不了解的朋友可以参考下javascript和css文件中采用相对路径,其基准路径是完全不同的。
1.javasc
-
2014-05-23 09:26:49
用css截取字符实现文字自动截断隐藏溢出文本_CSS教程_CSS_网页制作
- 点评:这篇文章主要介绍了用css截取字符实现文字自动截断隐藏溢出文本,需要的朋友可以参考下方法一:
复制代码代码如下:
<div style="width:300px; overflow:hidden; text-overflow:ellipsis; white-space
-
2014-05-23 09:26:38
css实现半透明效果基本原理_CSS教程_CSS_网页制作
- 点评:半透明设置虽然简单,但其应用确实屡见不鲜,很多页面中都存在半透明效果的模块,现在我们来看一下它的基本原理半透明设置虽然简单,但是它的应用确实屡见不鲜,而且一旦用在了恰当的地方,会给网页增色不少,所以
-
2014-05-23 09:26:31
两个div在同一行且不换行的两种方法_Div+CSS教程_CSS_网页制作
- 点评:这篇文章主要介绍了两个div在同一行,两个div不换行的两种实现方法,有不知道的朋友可以参考下方法一:
复制代码代码如下:
<div style="display:inline">
<div id="div1" style="float:left">div1 con
-
2014-05-23 09:26:30
html+css实现登录界面附效果图_CSS教程_CSS_网页制作
- 点评:html+css实现的登录界面,要注意文档流的概念,如果一个元素的没有被声明为float,absolute,relative,那么他就是按照默认的文档流定位模式
复制代码代码如下:
<!DOCTYPE html>
<style type="text/css">
-
2014-05-23 09:26:22
浅析css html span 块状不换行问题_CSS教程_CSS_网页制作
- 点评:如果设置display:inline-block,则span并列在同行,而且width属性生效,下面为大家介绍下span 块状不换行问题span标记的样式设定width属性,会发现不会产生效果。
如果设置display:block,width属性生效,但是
-
2014-05-23 09:26:22
CSS设置未知大小图片在已知大小容器水平垂直居中_CSS教程_CSS_网页制作
- 点评:这篇文章主要介绍了通过CSS设置未知大小图片在已知大小容器水平垂直居中,需要的朋友可以参考下
复制代码代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/
-
2014-02-09 16:00:38
css3教程之倾斜页面_css3_CSS_网页制作
- 点评:教大家一个方法使用CSS把整个网页倾斜,代码只有在支持CSS3.0的浏览器上有效果。目前只有IE9以上版本及firefox高版本支持,其它浏览器没有测试代码如下:
复制代码代码如下:
body{
-webkit-transform: r
-
2014-02-09 16:00:32
css教程之绝对定位使用详解_CSS教程_CSS_网页制作
- 点评:本文主要介绍了css的绝对定位的使用方法,大家参考使用吧一.基本概念:如果说相对定位没有脱离文档流,相对于对象本身进行偏移有点拖泥带水的话,那么绝对定位绝对是快刀斩乱麻,因为绝对定位可以使一个对象
-
2014-02-09 16:00:30
使用css3匹配手机屏幕横竖状态_css3_CSS_网页制作
- 点评:下面简单讲解一下用css3的@media orientation匹配手机屏幕是横屏还是竖屏的使用方法,大家参考使用吧@media是css3中新定义的,功能非常强大,顾名思义PC是无法匹配横竖屏的,所以orientation只对移动设备起