css作用:设置html代码的样式,实现结构与表现的分离
格式:
选择器{
属性1:属性值;
}
css引入方式:行内式,内嵌式,链入式,导入式
行内式:<标签名 style="属性1:属性值1;">内容</标签名>//不推荐,麻烦
内嵌式:
<head>
<style type="text/css">
选择器{属性1:属性值1;}
</style>
</head>
//实际中多用这种,方便
链入式:
<head>
<link href="css文件的路径" type="text/css" rel="stylesheet"/>
</head>
//针对外部文件进行操作
导入式:
<style type="text/css">
@importurl(css路径);或@import"css文件路径";
</style>
//同样针对外部文件,页面下载完后才会被加载,实际开发中非常常用
css选择器:
1.标签选择器:
标签名{属性1:属性值1;属性2:属性值2;}
2.类选择器:
.类名{属性1:属性值1;属性2:属性值2;}
//类名为class属性值,可以定义文档中同名的多个
3.id选择器:
.类名{属性1:属性值1;属性2:属性值2;}
//元素为id属性值只能对呀文档中某一个具体元素,id是唯一确定的
4.通配符选择器:
.类名{属性1:属性值1;属性2:属性值2;}
//通配符选择器用*表示是对所有标签都生效
css常用属性:
margin:外边距
padding:内边距
background:背景颜色
font-farmily:规定元素的字体系列
border:设置边框的宽度,样式和颜色;属性值直接用空格隔开
font:设置字体样式
height:指定对象高度
line-height:设置行间距
color:指定文本颜色
text-align:指定文本的对齐方式
text-decoration:指定文本显示样式如line-through删除线
vertical-align:设置元素的垂直对齐方式
display:指定对象的显示形式
487
“相关推荐”对你有帮助么？
-
非常没帮助 -
没帮助 -
一般 -
有帮助 -
非常有帮助
提交
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
