css的优势
css可以美化网页,使其更加漂亮,美观,具有更好的排版,突出主题spa
span和div
span标签凸显某些词语突出重点
行内元素,span标签中插入关键词
div标签 块级元素
字体样式
px 像素   空格
em 字符
color 设置文本颜色
text-allign 设置元素水平对齐方式
font-size 设置文本大小
font-style 设置字体风格
font-weight 设置字体粗细
超链接伪类
标签定义超链接,用于从一张页面链接到另一张页面
href属性,它指示链接的目标
/*产生事件的伪类在同一个元素只能绑定一个*/
a:active{
color: cyan;
}
/*:hover鼠标悬停样式*/
a:hover{
color: yellow;
}
网页背景
/*设置背景图片*/
body{
background-image: url("../../resources/image/1.png");
/*背景重复*/
background-repeat: repeat;
/*背景定位*/
background-position: top;
}
设置线性渐变
/*参数:渐变方向,第一种颜色值,第二种颜色值*/
background:linear-gradient(to top,firebrick 0%,darkorange 100%);