css 入门小案例
2013-03-06 11:39
211 查看
2年前学到东西基本上是快忘记差不多了,最近在一点一点的把基础东西捡回来,可否容易?坚持再坚持,想做好一件事,必须坚持,坚持每天复习,坚持把每天学到东西都记下来,我相信通过时间的慢慢积累,到后面是个突飞猛进的结果。
下面直接看代码:
demo.html
<html>
<head>
<!--引入css文件-->
<link rel="stylesheet" type="text/css" href="demo.css">
<title>css入门小案例</title>
</head>
<div class="style1">
<img src="2.jpg" />
</div>
</html>
demo.css文件:
.style1{
/*css文件是通过这样定义注释的*/
width:400px;
height:350px;/*特别要注意分号不能少,一定要写一个分号,少了分号后面就有问题了*/
border:1px solid red;
background-color:silver;
margin-left:100px;
margin-top:50px;
padding-top:20px;
padding-left:30px;
}
运行效果图:
下面直接看代码:
demo.html
<html>
<head>
<!--引入css文件-->
<link rel="stylesheet" type="text/css" href="demo.css">
<title>css入门小案例</title>
</head>
<div class="style1">
<img src="2.jpg" />
</div>
</html>
demo.css文件:
.style1{
/*css文件是通过这样定义注释的*/
width:400px;
height:350px;/*特别要注意分号不能少,一定要写一个分号,少了分号后面就有问题了*/
border:1px solid red;
background-color:silver;
margin-left:100px;
margin-top:50px;
padding-top:20px;
padding-left:30px;
}
运行效果图:
相关文章推荐
- DIV+CSS入门案例
- 新手学DIV+CSS商业网站布局从入门到精通(实战案例版) 朱印宏 pdf扫描版
- css笔记16:盒子模型的入门案例
- HSRP 入门教程图解 (案例、动画过程、配套仿真)
- javaScript:是WEB上强大的脚本语言,入门案例,javascript的组成,引入方式
- jQuery 入门教程(17): 读写HTML元素的css 属性
- Hibernate学习之入门案例笔记
- CSS网页布局入门教程7:二列固定宽度居中
- 接上一篇,关于伪元素案例的更新,加入了弹窗的CSS
- CSS入门教程
- Div+CSS布局入门教程(四)
- HTML和CSS入门(1)
- Div+CSS布局入门教程
- web前端案例-老司机用css带你制作直升机飞行
- 嵌入式OS入门笔记-以RTX为案例:四.初探进程
- css案例学习之div与span的区别
- spring配置quartz入门案例
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第24讲_js案例讲解_js自定义函数_学习笔记_源代码图解_PPT文档整理
- Xlua入门案例四
- 大数据入门第十三天——离线综合案例:网站点击流数据分析