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

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>

赞同1 反对 收起

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

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

赞同 反对 收起

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

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

赞同 反对 收起

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

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


赞同 反对 收起

回复
已采纳 信者得救回答:
45deg,其实就是to right top的意思,意思是背景的渐变方向从左下往右上。至于怎么形成条纹,而不是渐变,关键在于pink 0, yellow 0。pink 0,pink 50%让本来的yellow到pink的渐变变成了纯色。其实也可以写成这样,这样是否好理解些?          background:linear-gradient(to right top,yellow 0%,yellow 25%,pink 25%,pink 50%,yellow 50%,yellow 75%,pink 75%,pink 100%);还不理解,还可以一个一个参数删掉,看看运行的效果变化,就能理解了...[ 查看全部 ]

45deg,其实就是to right top的意思,意思是背景的渐变方向从左下往右上。

至于怎么形成条纹,而不是渐变,关键在于pink 0, yellow 0。pink 0,pink 50%让本来的yellow到pink的渐变变成了纯色。

其实也可以写成这样,这样是否好理解些?

          background:linear-gradient(to right top,yellow 0%,yellow 25%,pink 25%,pink 50%,yellow 50%,yellow 75%,pink 75%,pink 100%);

还不理解,还可以一个一个参数删掉,看看运行的效果变化,就能理解了。


赞同 反对 收起

回复
牛奶小哥哥回答:
这个啊,设置样式 ```css button:focus {   border: none;   outline: none: } ``` 应该就没问题了,望采纳

这个啊,设置样式
```css
button:focus {
  border: none;
  outline: none:
}
```
应该就没问题了,望采纳

赞同1 反对 收起

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

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

赞同 反对 收起

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

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

赞同29 反对 收起

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

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

赞同1 反对 收起

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

无码无真相

赞同 反对 收起

回复
已采纳 自由的气息回答:
我也有这种感觉,有钱的话买职业路是不错的选择。

我也有这种感觉,有钱的话买职业路是不错的选择。

赞同3 反对 收起

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

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


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

赞同 反对 收起

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

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

赞同1 反对 收起

回复
MR帽子先生回答:
Web前端工程师 http://www.imooc.com/course/programdetail/pid/32 这套学下来基本可以找工作了希望对你有帮助,祝你学习愉快。如果解决问题,请务必采纳我的回答,谢谢。

Web前端工程师 http://www.imooc.com/course/programdetail/pid/32

这套学下来基本可以找工作了

希望对你有帮助,祝你学习愉快。

如果解决问题,请务必采纳我的回答,谢谢。

赞同4 反对 收起

回复
来自 CSS3
已采纳 阳光暖暖的时光慢慢的回答:
<...code...>[ 查看全部 ]
<html>
<head>
    <title>div居中</title>
</head>
<body>
   <img src="1.jpg" style="width:100px;height:100px;position:absolute; top:0;bottom:0;left:0;right:0;margin:auto;">
</body>
</html>


赞同1 反对 收起

回复
来自 CSS3 Html5
已采纳 _游戏人生_回答:
分别对应两个类名

分别对应两个类名

赞同2 反对 收起

回复
来自 C# C++ CSS3
已采纳 言曌博客回答:
先学 C 语言吧,如果感觉已经进入状态,可以去做一些算法题,杭电上有很多,或者简单的,直接度娘搜索,“C语言100道经典算法题”之类关键词。如果学烦了,可以去学 HTML5/CSS3 ,慕课网有教程,但是比较少,你也可以在 网易云课堂补充学习。

先学 C 语言吧,如果感觉已经进入状态,可以去做一些算法题,杭电上有很多,或者简单的,直接度娘搜索,“C语言100道经典算法题”之类关键词。

如果学烦了,可以去学 HTML5/CSS3 ,慕课网有教程,但是比较少,你也可以在 网易云课堂补充学习。

赞同1 反对 收起

回复
已采纳 慕粉4109785回答:
各种权威指南  js  css  锋利的jquery  还有各种犀牛书  望采纳

各种权威指南  js  css  锋利的jquery  还有各种犀牛书  望采纳

赞同 反对 收起

回复
来自 CSS3 Html/CSS
__innocence回答:
不同意上面的观点,原因1:不适合用鼠标事件,用css就行了,hover;原因2:因为是慢慢显示,所以需要动画效果。可以用css3动画;

不同意上面的观点,

原因1:不适合用鼠标事件,用css就行了,hover;

原因2:因为是慢慢显示,所以需要动画效果。可以用css3动画;

赞同3 反对 收起

回复
已采纳 MR帽子先生回答:
问题很简单你script的位置错了,要么在head里面,要么在body里面你放在中间是不执行的。

问题很简单你script的位置错了,要么在head里面,要么在body里面你放在中间是不执行的。

赞同 反对 收起

回复
来自 CSS3 Html/CSS
已采纳 李晓健回答:
1: 第二个<div>加了float:left后margin是有的。2:因为第二个设置了浮动,所以他会脱离文档流,就会盖在第三个的上面3<...code...>[ 查看全部 ]

1: 第二个<div>加了float:left后margin是有的。

2:因为第二个设置了浮动,所以他会脱离文档流,就会盖在第三个的上面

3

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
 div{
 width: 100px;
 height: 100px;
 margin: 5px;
 }
 div:nth-of-type(2),div:nth-of-type(3){
 display: inline-block;
 }

 </style>
</head>
<body>
<div style="background-color: #00a854"></div>
<div style="background-color: red"></div>
<div style="background-color: blue"></div>
<div style="background-color: yellow"></div>
</body>
</html>


赞同 反对 收起

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

关联分类

  • JQuery

    JQuery是继prototype之后又一个优秀的Javascrip...
  • iOS

    iOS与苹果的Mac OS X操作系统一样,它也是以Darwin为基...
  • SQL Server

    SQL Server 是Microsoft 公司推出的关系型数据库管...

本月最佳回答网友

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

  • 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下载
官方微信