lovecoding
/
VIP35


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是标题</title>
    <!-- html 基本结构  CSS 样式   JS 动态效果    -->
    <!-- html的代码写在body 标签里面 , CSS 的样式代码写在style标签中    -->
    <!-- 如果要找id 的标签  #id 值{} class .class值  -->
    <style>
        #div1 {
            background-color: green;
        }
        .clz{
            background-color: yellow;
        }
        #zjl{
            height: 100px;
            width: 100px;
            background-color: blue;
            color: blueviolet;
        }
    </style>
</head>
<body>
<!--我是在html-->
<!--br 这个标签是换行-->
我是html  <br/>
<!--在浏览器中我的名字 要以红色字体展示出来-->
<!--font 操作字体标签   标签当中一般是可以去设置一些属性的 比如在font 有color属性 值是red -->
名字 : <font color='red'>范佳龙</font>

<!--
    title : 标题, 一般很少使用, 当鼠标光标移动到元素上就会展示出来title 内容
    id和class :  作用都是为了定位到元素的位置,
    为什么要定位呢? 因为不定位找不到元素, 找不到元素就无法操作元素
    id和class有什么区别呢?  id 不可以重复  , class 可以重复
    style :  可以设置CSS 样式

    注意: 写CSS 样式地方有两个一个是 head 当中style 标签中, 一个直接在标签当中style 属性写
    如何选择: 简单的css 样式直接在属性当中, 复杂的样式在style 标签当中写
-->
<div class="clz" title="标题" style="">林俊杰</div>
<!--div 效果他可以自动换行-->
<!--需求想要让内容为5555 的div 标签北京颜色变成绿色-->
<div id="div1">5555</div>
<div class="clz">黄飞鸿</div>

<!--要将黄飞鸿和林俊杰 背景颜色变成黄色-->
<!--我想让周杰伦这个DIV  宽度100 高度100  背景颜色蓝色 , 字体颜色黑色 -->

<div id="zjl" >周杰伦</div>
</body>
</html>