【背景】
早期元素的样式都在html元素中写,所以导致一些html属性与现在的css样式容易混淆。比如表格元素中的width属性!(h5中已废弃,但有的浏览器也能正常显示)
后来兴起:结构与样式分离(style元素与html元素分离;css文件与html文件的分离),样式名与属性名才逐渐划开界限,用于实现样式的属性名也逐渐被废弃,正式被css样式取代。
【区别】
1、书写格式不同
css样式书写格式==>:选择器{样式名:样式值;}
<style>
div{width:20px;}
</style>
html属性名书写格式==>:<标签名 属性名=“属性值”>
<input type="text"
id="phone"
name="wd"
autocomplete="off"
tabindex="-1"
style="width: 100px;">
2、分工不同
css样式主要用于元素的布局外表;
html属性主要用于元素的内容功能;
js脚本主要用于元素的动作行为。
【注】
普遍说法:css样式名也叫css样式属性简称css属性,html属性也叫属性,所以也说css中样式名直接为xx属性。