-
text indent 文本缩进
查看全部 -
好查看全部
-
你好查看全部
-
1查看全部
-
基本流程编写网页样式查看全部
-
text-indent 文本缩进
text-indent 文本缩进
text-indent 文本缩进
查看全部 -
先按照结构和语义编写代码
然后进行css样式设置
减少html与css契合度
查看全部 -
3.查看全部
-
可以查看全部
-
margin的负值向上移动查看全部
-
拿到一个网页的设计图时，首先关注网页的文字内容及内容模块之间的关系，把重点放在编写html语义化的代码上，而不要过多的考虑设计图上的布局样式，等html按内容编写完以后再考虑样式如何实现，力求不改变样式结构的基础上完成要求的视觉效果。语义化的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用！
查看全部 -
text-indent：文本缩进
查看全部 -
1.先按结构和语意编写。
2.再进行样式设定。
3.最终减少html 和css的契合度。
查看全部 -
先按结构和语义编写代码
然后进行CSS样式设置
减少HTML与CSS契合度
查看全部 -
.main.left并集选择器 .main .left后代选择器
查看全部 -
大div高度不写 让子元素内容自动撑开查看全部
-
先按结构和语义编写代码
然后进行CSS样式设置
减少HTML与CSS契合度
查看全部 -
拿到一个网页的设计图时，首先关注网页的文字内容及内容模块之间的关系，把重点放在编写html语义化的代码上，而不要过多的考虑设计图上的布局样式，等html按内容编写完以后再考虑样式如何实现，力求不改变样式结构的基础上完成要求的视觉效果。语义化的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用！ 2、利用margin属性来移动设置html结构.margin可以是负值，通过负值，可以使该内容进行移动！实现四个方向的移动。在结构（HTML）和样式（css）中，可以先把内容通过HT
查看全部 -
结构与表现分开：尽量少地在body里设置层次div，结构简洁，再去考虑css样式，在head中编写。
查看全部 -
<!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>图片背景</title>
<style type="text/css">
body{ margin:0;}
div{background:#460E29;width:700px;padding:20px}
img{？background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); ？}
</style>
</head>
<body>
<div><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /> </div>
</body>
</html>
查看全部 -
网页中的每个元素都可以看作一个盒子，盒子有外边距（margin）、边框（border）、内边距（padding）、内容（content）这4个属性，所以它的宽高也是由这四个属性的宽高构成的。
查看全部 -
<!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>图片背景</title>
<style type="text/css">
body{ margin:0;}
div{background:#460E29;width:700px;padding:20px}
img{height: 95px;
width: 95px;padding:1px 20px 37px 30px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); margin:10px}
</style>
</head>
<body>
<div><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /> </div>
</body>
</html>
查看全部 -
抛开样式,先写结构;
文字内容,模块关系,HTML语义化;
不改变结构的情况下,完成视觉设置效果;
查看全部 -
通过缩进控制位置;
text-indent:0px;
查看全部 -
先通过结构考虑;
然后再去通过样式改变布局;
减少契合;
查看全部
举报