【PHP兴趣部落-02】css + div 简单语法

最新推荐文章于 2024-05-28 23:24:23 发布

Hanrovey

最新推荐文章于 2024-05-28 23:24:23 发布

阅读量721

点赞数

分类专栏： PHP-CSS-Div 文章标签： css stylesheet

本文链接：https://blog.csdn.net/Hanrovey/article/details/53869849

版权

PHP-CSS-Div 专栏收录该内容

15 篇文章 2 订阅

订阅专栏

一、简述：
css ：用来定义html的样式
div ：用来显示htm中的具体内容

通过两者的结合运用，可以优化开发效率，提高代码阅读性。

二、代码：

（1）div

<html>
<head>
<title>div+css学习</title>

<!-- 引入自定义css样式 -->
<!-- <link rel="stylesheet" type="text/css" href="/Users/hanrovey/Desktop/PHP学习/3_mycss.css" /> -->

<!-- 在head中自定义css样式 -->
<style type="text/css"> 
.style1 {
    /*宽度、高度*/
    width: 300px;
    height: 300px;/* 一定要写分号 */
    border:1px red;
    background-color: green;
    padding-top: 30px;
    padding-left: 30px;
    margin-left: 100px;
    margin-top: 100px;
}/*这里是设置CSS的样式内容*/ 
</style> 
</head>

<body>
<div class="style1">
<img src="http://avatar.csdn.net/0/2/3/1_hanrovey.jpg">
</div>
</body>

</html>

（2）css

.styly1{
    /*宽度、高度*/
    width: 300px;
    height: 300px;/* 一定要写分号 */
    border:1px red;
    background-color: green;
    padding-top: 30px;
    padding-left: 30px;
}