为了账号安全,请及时绑定邮箱和手机立即绑定

CSS3

CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制

已采纳 小世界里的白日梦回答:
<...图片...><html><head><meta charset="utf-8"><title></title> <style> table{ border-collapse:collapse; } table td{  border:1px solid #ddd;  width:80px;  height:30px;  text-align:center; } .one{  vertical-align: top; } .two{ vertical-...[ 查看全部 ]

http://img.mukewang.com/594a27a40001909704550151.jpg

<html>

<head>

<meta charset="utf-8">

<title></title>

<style>


table{

border-collapse:collapse;

}

table td{ 

border:1px solid #ddd; 

width:80px; 

height:30px; 

text-align:center;

}

.one{ 

vertical-align: top;

}

.two{

vertical-align: top;

}

</style>

</head>

<body>

<table>

<tr>

<td rowspan="3" class="one">1</td>

<td rowspan="3" class="two">2</td>

<td>A</td>

<td>28</td>

<td>12%</td>

</tr>

<tr>

<td>B</td>

<td>56</td>

<td>98%</td>

</tr>

<tr>

<td>A</td>

<td>33</td>

<td>42%</td>

</tr>

</table>

</body>

</html>

赞同2 反对 收起

回复
来自 CSS3
已采纳 李晓健回答:
这当然是写了谁,就是谁的了,你只写了ul的,你根本就没写到DIV  又和div有什么关系呢

这当然是写了谁,就是谁的了,你只写了ul的,你根本就没写到DIV  又和div有什么关系呢

赞同 反对 收起

回复
来自 CSS3
已采纳 10弹指一挥间回答:
这样设置  就会合并成  50px   w3c文档里边说得很清楚   可以去看看

这样设置  就会合并成  50px   w3c文档里边说得很清楚   可以去看看

赞同2 反对 收起

回复
来自 CSS3 Html/CSS
已采纳 qq_薄衾_04033510回答:
inline-block里你加文字后会按照文字的对齐方式vertical-align:baseline;解决它可以通过设置inline-block元素的vertical-align

inline-block里你加文字后会按照文字的对齐方式vertical-align:baseline;解决它可以通过设置inline-block元素的vertical-align


赞同 反对 收起

回复
来自 CSS3
已采纳 anet回答:
还有JS

还有JS

赞同 反对 收起

回复
来自 Html5 CSS3
anet回答:
对~!先把最基础的属性理解透彻了,才考虑这些进阶的技巧,不要急

对~!

先把最基础的属性理解透彻了,才考虑这些进阶的技巧,不要急

赞同1 反对 收起

回复
来自 CSS3 Html/CSS
已采纳 迁就LOSE回答:
float会导致父元素坍塌,具体原理可以看看张鑫旭大神的博客(慕课网上也有,深入理解系列)

float会导致父元素坍塌,具体原理可以看看张鑫旭大神的博客(慕课网上也有,深入理解系列)

赞同 反对 收起

回复
来自 CSS3 JAVA Android
已采纳 幕布斯50000002回答:
谢邀,目前估计你还没有深学一门语言,我也有过迷茫期,但我认真负责的告诉你,初学者学JAVA很好入门,根据个人爱好,你学精了可以扩展到Python大数据等,但JAVA就可以了因为里面有很多框架可以学,把这个当吃饭的看家本领,然后再拓展其它领域。希望对你有帮助,我也并非科班出身,经历了很多弯路。如果想一起探讨,可以保持联系!

谢邀,目前估计你还没有深学一门语言,我也有过迷茫期,但我认真负责的告诉你,初学者学JAVA很好入门,根据个人爱好,你学精了可以扩展到Python大数据等,但JAVA就可以了因为里面有很多框架可以学,把这个当吃饭的看家本领,然后再拓展其它领域。希望对你有帮助,我也并非科班出身,经历了很多弯路。如果想一起探讨,可以保持联系!

赞同20 反对 收起

回复
来自 Android CSS3 PHP
种一棵树最好的时间是十年前,其次是现在!

种一棵树最好的时间是十年前,其次是现在!

赞同32 反对 收起

回复
已采纳 无尽未来回答:
我最近刚好做过这类 自己是通过把图标设置background  然后字体设置padding来实现的 

我最近刚好做过这类 自己是通过把图标设置background  然后字体设置padding来实现的 

赞同1 反对 收起

回复
已采纳 跨越七海的_风回答:
这么低级的问题估计只有新手才会犯错吧,现在数据库都是参数化查询。假如是拼接SQL 就会出现 select * from 表名 where 条件; drop database tablice; 而真正的项目里面就是select * from 表名 where (条件 ;drop database tablice ); 娱乐而已,别想太多。

这么低级的问题估计只有新手才会犯错吧,现在数据库都是参数化查询。假如是拼接SQL 就会出现 select * from 表名 where 条件; drop database tablice; 而真正的项目里面就是select * from 表名 where (条件 ;drop database tablice ); 娱乐而已,别想太多。

赞同2 反对 收起

回复
来自 CSS3
已采纳 mengniu回答:
无码无真相

无码无真相

赞同 反对 收起

回复
qq_Thuring_0回答:
不是,只是他们要选择。要挑。一个星期没消息,基本上没戏了

不是,只是他们要选择。要挑。一个星期没消息,基本上没戏了

赞同1 反对 收起

回复
来自 CSS3
已采纳 时月回答:
师傅引进门,修行靠个人!如果你理解这句话,那可以教你!

师傅引进门,修行靠个人!如果你理解这句话,那可以教你!

赞同1 反对 收起

回复
来自 CSS3
HTML和CSS一般是一起学的,推荐你使用 Brackets 或者 Sublime,也可以WebStorm

HTML和CSS一般是一起学的,推荐你使用 Brackets 或者 Sublime,也可以WebStorm

赞同1 反对 收起

回复
来自 CSS3
hym1hym1回答:
百度一下

百度一下

赞同1 反对 收起

回复
已采纳 FSYu回答:
<...code...><...图片...>你看这个是你想要的吗?其实这个东西不用图片也可以做的,你用图片有局限性[ 查看全部 ]
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        #container div {
            display: inline-block;
        }
    </style>
</head>

<body>
        <div id="container">
        <div class="will">
            <img src="img/will.jpg" alt="">
        </div>
        <div class="did">
            <img src="img/did.jpg" alt="">
        </div>
        <div class="will">
            <img src="img/will.jpg" alt="">
        </div>
                <div class="did">
                        <img src="img/did.jpg" alt="">
                </div>
                <div class="will">
                        <img src="img/will.jpg" alt="">
                </div>
                <div class="did">
                        <img src="img/did.jpg" alt="">
                </div>
            </div>

<script>
        var num = 999;
        var oDivs = container.getElementsByTagName("div");
        for (var i = 0; i < oDivs.length; i++) {
            num--;
            oDivs[i].style.position = "relative";
            oDivs[i].style.zIndex = num;
            oDivs[i].style.marginLeft = "-30px";
            oDivs[0].style.marginLeft = "0px";
        }
</script>
</body>

</html>

http://static.mukewang.com/img/59ae69f30001c74805130074.jpg

你看这个是你想要的吗?其实这个东西不用图片也可以做的,你用图片有局限性

赞同1 反对 收起

回复
已采纳 Samaritan89回答:
如果不涉及背景问题,可以在上面放一个 div,背景和主背景一样,设置圆角,盖在图片上面,可以有类似效果<...图片...><...code...><...code...>[ 查看全部 ]

如果不涉及背景问题,可以在上面放一个 div,背景和主背景一样,设置圆角,盖在图片上面,可以有类似效果


http://img2.sycdn.imooc.com/59dc76870001a6e602900255.jpg

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>RunJS 演示代码</title>
  </head>
<body>
    <div class='cover'></div>
		 <div class='content'></div>
  </body>
</html>
body {

	width: 1000px;
	height: 600px;
	margin: 0;
	background: #f2f3f7;
	
}

.content {
	width: 200px;
	height: 200px;
	margin:50px auto;
	background: red;
}


.cover {
	position: absolute;
	width: 400px;
	height: 200px;
	left: 300px;
	top: -130px;
	background: #f2f3f7;
	border-radius: 50%;
}


赞同5 反对 收起

回复
来自 CSS3
已采纳 __hello__world__回答:
<...code...>[ 查看全部 ]
.dlw{
    position:relative;
}
.moh, .yi{
    position:absolute;
}
.moh{
    z-index:1;
}
.yi{
    z-index:3;
}


赞同2 反对 收起

回复
来自 CSS3
外号理论汪回答:
input[type="text"]:read-only{    border-color: red;}你这个东西只是设置含有read-only 属性的输入框的样式,如果限制不让输入,必须在input框中加入read-only属性如:<input type="text" name="uname" readonly>相关参考:http://www.runoob.com/cssref/sel-read-only.html[ 查看全部 ]

input[type="text"]:read-only{
   border-color: red;
}

你这个东西只是设置含有read-only 属性的输入框的样式,如果限制不让输入,必须在input框中加入read-only属性如:

<input type="text" name="uname" readonly>

相关参考:http://www.runoob.com/cssref/sel-read-only.html

赞同1 反对 收起

回复
已采纳 李晓健回答:
<...code...><...图片...>我这里是正常的,你用的什么浏览器?[ 查看全部 ]
.index-menu .menu-list ul{
    /*widht:1160px; 这里单词写错了*/
    width: 1160px;
}

http://img.mukewang.com/596de4120001767911600163.jpg


我这里是正常的,你用的什么浏览器?

赞同 反对 收起

回复
来自 CSS3 Html/CSS
已采纳 留得枯荷听雨声lyx回答:
#+id{样式}  这个意思么?

#+id{样式}  这个意思么?

赞同1 反对 收起

回复
首页上一页1234567下一页尾页

关联分类

  • Android

    Android是一种基于Linux的自由及开放源代码的操作系统,主要...
  • Node.js

    Node.js是一个服务器端 JavaScript 解释器,它将改变...
  • 大数据

    大数据(big data,mega data),或称巨量资料,指的是...

本月最佳回答网友

关注我喜欢或专注的猿问分类

  • Android
  • AngularJS
  • Bootstrap
  • C
  • C#
  • C++
  • Cocos2d-x
  • CSS3
  • Go
  • Html/CSS
  • Html5
  • iOS
  • JAVA
  • JavaScript
  • JQuery
  • Linux
  • Maya
  • MongoDB
  • Mysql
  • Node.js
  • Oracle
  • Photoshop
  • PHP
  • Premiere
  • Python
  • React.JS
  • Ruby
  • Sass/Less
  • SQL Server
  • Unity 3D
  • Vue.js
  • WebApp
  • ZBrush
  • 云计算
  • 前端工具
  • 大数据
  • 数据结构
  • 测试
保存
意见反馈 常见问题 APP下载
官方微信