【前端理论】css样式与html属性

【背景】

早期元素的样式都在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属性。