html中 我分不清冒号和等于号的关系

div{
float:left;
width:300px;
height:300px;
border=30px solid ;
}
这里 border=30px 和border:30px 都是一样的效果 什么时候用冒号 什么时候用等于号 傻傻分不清

冒号,用冒号.....
看到{ } 花括号,你就统一看成是对象,对象就是一一对应的,建议先跑一下js ,很快就能掌握了,
这些都是基础语法,你可以先找一本书,例如JavaScript权威指南 这种,从头到尾,看一遍,跟着代码敲一遍这些东西就都懂了,
一个建议,如果你发现有很多问题都不清楚的话,那你应该系统性的学习,而不是一个一个来问,由于回复中很可能会出现一些你不懂的问题,所以先学习,把基础问题扫描掉,后来发现不容易理解再来寻求帮助

从语法来讲：

= 给HTML元素赋值
如：

 <p id="p1" height="100px">

：给基于CSS的属性赋值
如：

body{
background-color:red;
}

题目中应为：

div{
float:left;
width:300px;
height:300px;
border:30px solid ;
}

您在阅读代码时可以留意这个约定。

一般css中都是用冒号

css 和 style 设置的时候用冒号，直接给标签设置属性的时候用等于号