CSS

CSS(Cascading Style Sheet):层叠样式表,用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言;CSS不仅可以静态修饰网页,还可以配合各种脚本语言动态地对网页个元素进行格式化;

优点:
简化网页格式代码,加快了下载显示的速度,减少了需要上传的代码数量;修改页面数量庞大的站点时,避免了一个个网页的修改,减少工作量;

CSS选择器:

在这里插入图片描述
选择器的位置为h1;.class;ID分别为标记、类别、ID选择器;

CSS继承:
子标记会继承父标记的所有样式风格,并可以在父标记样式风格的基础上加以修改,产生新的样式;
(子标签里面没有的内容继承父标签里面有的内容)

一些常用的CSS样式属性:

字体
p{
	font-family:黑体,Arial,宋体,sans-serif;
}
	
大小
p.one{
	font-size:15px;
}
(相对定位%;绝对定位:px;)

颜色
p{
	color:#333333;
}

粗细
<span class="one">文字粗细:100</span>(span为了给一些元素以特殊样式,或者空标签)
下划线、顶划线、顶划线、闪烁;
p.one{text-decoration:underline;}下划线;	
顶划线overline、顶划线line-through、闪烁blink;

顶端、底端、中间对齐:
td.top{vertical-align:top;}  /* 顶端对齐*/;
td.bottom{vertical-align:bottom;} /*底端对齐*/;
td.middle{vertical-align:middle;} /*中间对齐*/;
行间距
p.one{
	font-size:10px;
	line-height:8px;   /*行间距,绝对值;*/
}
	line-height:1.5em;   /*行间距,相对值;*/

背景颜色
body{
	background-color:#5b8a00;   /*设置页面背景颜色*/
}
位置
body{
	padding:0px;   /*间隙*/
	margin:0px;(居中)
	background-repeat:no-repeat;   /*不重复*/;
	background-position:bottom  right;   /*背景位置,右下*/
}
表格
caption:表格标题;
tr:表格某一行;
th:表格第一行;
row或col:表格一列;
td:单元格;
颜色:bordercolor;

超链接
<a href="http://isaac.thuee.net">isaac的博客</a>		

在这里插入图片描述

项目列表
<ul>或者<ol>标记;配合<li>标记罗列各个项目;

<div>是一个区块容器标记,<div>与</div>之间相当于一个容器,可以容纳段落、标题、表格、图片等;

在这里插入图片描述

评论 27
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值