什么是css?
表现层、美化html
cascading style sheets
层叠样式表 css样式表 级联样式表
作用:设置页面中元素的位置、排版、样式外观等
行间样式:
<style=color:red width=100 height=100>
使用场景:
单个html标签需要设置特定的样式
优点:比较直观
缺点:相同样式需要重复定义,造成代码沉余
作用范围小、不利于后期维护
代码不能重复使用,结构样式不分离
注意:任何HTML标签都可以设置行间样式
内部样式 语法:使用style标签包裹住样式
使用场景:单个html文档需要设特点样式时
优缺点:相对于行间样式,代码可以复用,作用范围大于行间样式范围,结构形式半分离
外部样式:
把css代码单独分离出来
创新一个新文件,新文件的后缀名。css
<link sel=cstylesheet href=/ style. css">
rel表示引入文件与当前文档的关系、层叠样式表
stylesheet:层叠样式表
href:资源的链接地址6TGV