body{
margin-left:0px;padding: 0;
background-color: rgb(248, 244, 244);
}
a{
text-decoration: none;
.box{
width: 615px;
height: 610px;
background-color:#fff;
position: relative;
/* 图片是否平铺,不平铺 */
background-repeat:no-repeat;
float: left;
margin-left:145px;
.box:hover{
box-shadow: 0 10px 15px rgb(202, 202, 218);
.box img{
width: 460px;
height: 460px;
position: absolute;
bottom: 0;
left: 77.5px;
span{
/* 转换成块 */
display: block;
.title{
font-size: 28px;
color: #333;
top: 30px;
left: 259px;
.intro{
font-size: 18px;
top: 75px;
left: 150px;
.price{
font-size: 24px;
color: #c00;
top: 110px;
left: 267px;
点击整个父元素.box的div点击不了只能点击a里边的元素
小米官网实战.rar
你好 老师 那个slide不是应该定位到wrap 吗不知道为什么给定到黑色导航去了
视频中为什么要加bottom?
不是没有position属性吗。
文本框如何三个autofocus,placeholder,required属性一起使用?
img-box宽度为什么设置100%,看了一下也没给它的父级容器设置宽度啊?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <from action=""> <table border="1" width="600" > <!-- 用户名--> <tr > <td align="right">用户名:</td> <td align="center"> <input type="text"> </td> </tr> <!-- 密码--> <tr bgcolor="#a9a9a9"> <td align="right" >密码:</td> <td align="center"> <input type="password"> </td> </tr> <tr> <!-- 性别--> <td align="right">性别:</td> <td align="center"> <input type="radio" value="man" name="man" id="man" checked> <label for="man">男</label> <input type="radio" value="woman" name="woman" id="woman" > <label for="woman">女</label> </td> </tr> </table> </from> </body> </html>
/* 头部广告条样式开始 定义和浏览器一样宽的宽度,定义高度,如有溢出进行隐藏 利用相对定位*/ .header{ width: 100%; height: 120px; overflow: hidden; position: relative; } /* 定义高度,使用绝对定位,居于中间 */ .header img{ height: 120px; /* 图片,以中间开始渲染 */ position: absolute; margin: 0 auto ; /* translateX () 函数表示在二维平面上水平方向移动元素 即向左平移50%的距离*/ transform: translateX(-50%); } /* 头部广告条样式结束 */
老师,我是用
margin: 0 auto ;
这个也是达到居中的效果,不过有个疑问,margin和left,哪个是更好一些呢?还是说哦只要效果一样就行啊?
老师你好 我都是按着视频打的,然后打到banner部分这个sildel老是定位到黑色导航我查了好久才发现我的wrap的高度跟老师的不一样我改了跟老师一样高度值又被挤下来了然后就不知道怎么搞
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
width: 1300px;
width: 1400px;
background-image: url("/第一阶段:HTML5和CSS3/8.背景属性一/01.jpg");
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
老师,看到每个标签都有name,我没用name也没发现有什么区别。name到底起个什么作用啊
创建文件名可以用中文吗? 以前老师说过最好不要用中文跟拼音...
老师,为什么我引图片图片没出来呢?
老师为啥这个省略号怎么显示不出来?
为什么声音那么模糊?都听不清说的啥。。。。。。
body{ margin-left:0px;padding: 0; background-color: rgb(248, 244, 244); } a{ text-decoration: none; } .box{ width: 615px; height: 610px; background-color:#fff; position: relative; /* 图片是否平铺,不平铺 */ background-repeat:no-repeat; float: left; margin-left:145px; } .box:hover{ box-shadow: 0 10px 15px rgb(202, 202, 218); } .box img{ width: 460px; height: 460px; position: absolute; bottom: 0; left: 77.5px; } span{ /* 转换成块 */ display: block; } .title{ font-size: 28px; color: #333; position: absolute; top: 30px; left: 259px; } .intro{ font-size: 18px; color: #333; position: absolute; top: 75px; left: 150px; } .price{ font-size: 24px; color: #c00; position: absolute; top: 110px; left: 267px;
非常抱歉给您带来不好的体验!为了更深入的了解您的学习情况以及遇到的问题,您可以直接拨打投诉热线:
我们将在第一时间处理好您的问题!
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护:百战汇智(北京)科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证:京B2-20212637