CSS简单属性(Day_three)

CSS

CSS属性	功能
font-size:15px	设置字体大小为15px
font-weight:bold	设置字体粗细
font-style:italic	设置斜体
font-family:arial	设置字体为arial
color	设置字体颜色
border:1px solid black	设置容器外边框，是一个复合属性。1px设置border粗细，solid设置border展示形式为实心，black设置border颜色
border-width	border拆分的三个属性：border宽度
border-style	border样式
border-color	border颜色
text-align:left	设置文字对齐方式：默认左对齐
light-height:20px	设置单行文本所占高度
text-indent:2em	设置首行缩进(单位em)
text-decoration: line-through ;	设置中划线、底线、顶线
cursor:pointer	设置鼠标指针在对象上的样式

/*
	CSS画一个三角形
	原理就是设置border
	四个方向的border都可以对它分别设置，上下左右设置不同的颜色，border风格，border宽度
*/
div{
	width: 0px;
	height: 0px;
	border: 100px solid black;
	border-left-color: transparent;/*透明色*/
	border-right-color: #FF4400;
	border-top-color: green;
	border-bottom-color: blue;
}
/*四分之一圆*/
div{
	width: 100px;
	height: 100px;
	border: 1px solid black;
	border-left-color: transparent;
	border-right-color: #FF4400;
	border-top-color: green;
	border-bottom-color: blue;
	border-left-style: dotted;
	border-right-style: dotted;
	border-bottom-left-radius: 100%;
}

<div>
    
</div>

/*相对的表示字体*/
div{
	border: 1px solid black;/*设置文本框粗细、表现方式、颜色*/
	text-align: left;		/*设置文本对齐方式为左对齐*/
	height: 200px;			/*设置div高度为200个像素*/
	font-size: 15px;		/*设置字体单位为15个像素*/
	line-height: 1.1em;		/*设置单行文本所占高度为1.1个字体单位*/
	text-indent: 2em;		/*设置字体首行缩进为2个字体单位*/
}

<div>
    新浪网新闻中
    心是新浪网最重要的频
    道之一,24小时滚
    动报道国内、国
    际及社会新闻。每日编发新闻数以万计。
</div>