本篇教程学习的是店铺装修-CSS样式的3种类型和7种选择器,喜欢的一起来学习吧。
那我们开始今天的教程吧。
1.CSS样式的3种类型,行内样式、页内样式、外链样式,行内样式是在HTML标签内部使用style属性为标签添加不同的样式,只针对该标签,不会影响到其它标签。
2.写个【div style】样式,写上宽高和背景颜色,下面再写个【div】标签,这两个是互不影响的,这就是属于行内样式在标签内部来写的,是我们经常用的。
3.如果购买了CSS权限之后,就可以使用第二种方法了,就是页内样式,在head标签内加入style标签,在style标签内部定义的样式,会影响到本页面,打开淘宝,右键【查看源代码】,在style标签下面写的所有东西就是属于页内样式。
4.写一个【h1】标签,下面也写一个【h1】标签,在head标签内部写个【style】标签,写上标签名【h1】,加上【{}】,在里面定义颜色,这个h1就发生变化了,这两个都会受到影响,再写个【h2】,这个就不会受到h1影响,【div】标签也是一样的。
5.外链样式是建立一个后缀名为.css的新文件,该文件可以供多个页面共同使用,在淘宝里面,会有一个前缀link标签,然后会引入一个文件,这个是淘宝官方定义的,只要程序引入了这个文件,就能实现上面这个样式的布局。
6.创建【CSS文件】,写个【h1】,定义【font-size】,【60px】,【color】定义个橙色,再写个【div】,大小【40px】,【color】定义个蓝色,新建【html文件】,写个【h1】,下面写个【div】。
7.如果想让它变颜色,一个是在标签里面写,第二是在head内部创建一个style标签,第三就是外链,写个【link】文件,它就是引入的标签,可以使用href属性,然后浏览到css这个文件夹,后面加个rel 属性和stylesheet,这样就有所改变了。