CSS:全称(Cascading Styleshteet)
层叠样式表。
作用: 用于HTML文档中元素的样式定义;
实现将网页内容与样式表分离;
提升代码的可重用性和可维护性。
CSS和HTML之间的关系:
HTML:网页的基本结构
CSS:用于美化HTML元素
HTML是页面的内容;CSS是页面的表现
使用原则:
1.W3C建议尽量使用CSS来取代HTML属性实现内容与表现的分离
2.如果为HTML所特有的属性,则使用HTML属性
CSS使用方式:
外联:
<link rel="stylesheet" type="text/css" href="test.css">
内联:
<div style="width:500px;height:50px;background-color:cyan">
内部:
<style type="text/css"></style>
设置字体系列:
font-family: "YouYuan";
设置字体粗细:
font-weight: lighter;
设置字体大小:
font-size: 50px;
设置字体风格:
font-style:italic;
font:italic bold 45px "SimSun";
定义文本修饰
text-decoration:
line-through:文本中间穿过;
underline:文本下方的下划线;
overline:上方线;
inherit:继承父元素;
设置背景图片:
background-image: ;