首先创建一个txt文件,修改后缀名:把.txt改为.html,用记事本打开添加如下代码:打开浏览器,这是一个没有添加样式的button,外观不美观,而且在不同的浏览器下显示的外观是不一样的,所以我们要添加统一的样式!
CSS:style属性设置。如下代码所示:按钮的样式是不是好看多了,在其他浏览器也会一样的显示这个效果。注:如果按钮样式比较少、样式只对该按钮有效,那么就可以用style属性。如下图代码所示,该按钮样式比较多,这样写让代码不整洁,可阅读性差,那么怎么解决这个问题呢,这就要用style标签了!
CSS:样式表。如下代码所示:style标签里面表示的是一个样式表,我们所有的样式都可以写到标签中去。这段代码的意思是:凡是button标签都使用这个样式。注:如果希望这个页面所有的按钮(button)都使用这个
CSS:样式表 加 class属性。如下代码所示:注意看到代码的变化,我们把 样式表中的 button{}改成了.ui_button{},然后在button标签里面加了class属性,这样做的意思是,这个button标签使用了名字为ui_button的样式。注:这是开发中比较常用的添加样式的方式,我们可以对需要添加样式的按钮指定一个样式。