css基础语法

一、字体属性

??1.font-size 设置字体大小,默认为16px


??2.font-family 设置字体样式,如宋体、微软雅黑、华文行楷等可设置多个以解决兼容性问题。

??font-family:"宋体","华文行楷","微软雅黑";

注意 注意 注意:字体名称用引号括起来!!!字体名称用引号括起来!!!字体名称用引号括起来!!!


??3.font-style 设置字体是否倾斜,其属性有
??italic——使字体产生倾斜效果
??normal——取消字体的倾斜效果(适用于取消html中的<i>标签效果)
font-style:italic;


??4.font-weight 设置字体是否加粗
bold——字体加粗
normal——取消字体加粗效果(适用于取消html中的<b>和标题标签(h1~h6),标签的加粗效果)

二、文本修饰

??1.text-decoration 设置文本修饰效果

	1)none			取消文本修饰效果(如清除html标签&lt;a&gt;的下划线)
	2)line-through	为文本添加删除线		
	3)over-line		为文本添加上划线		
	4)under-line		为文本添加下划线		

??2.text-transform 文本转换

	1)uppercase			将所有字母转换为大写字母
	2)capitalize			所有单词的首字母大写。
	3) lowercase			将所有字母转换为小写字母

??3.text-align 设置字体对齐方式

	1)left			左对齐	
	2)center			居中对齐
	3)right			右对齐

??4.text-indent 首行缩进

	text-indent:16px;			首行缩进16像素
	text-indent:2em;			首行缩进两个字符

三、css选择器

??1.标签选择器

div{background-color:red;} || p{text-size:20px;}

??2.id选择器(以#调用id)

??3.类选择器(以.调用)

??4.派生选择器(以空格调用)

div i{font-style:normal;}

??5.子元素选择器(以>调用)

??6.多元素选择器(以,隔开多个元素)

div,p,span{font-style:italic;}

??7.通配选择器(*)

*{padding:0;margin:0;}

??8.伪类选择器

	1)link			正常链接状态设置
	2)visited			点击后链接状态设置
	3) active				点击时状态
	4)hover					 鼠标放上去后的状态

使用: div:hover{width:200px;height:300px;}

9.伪对象选择器

	1)first-letter			所选中对象第一个字符状态设置
	2)first-line			所选中对象的第一行状态设置

10.属性选择器(以[]调用,常用于表单元素)

11.兄弟选择器(以+调用,格式为:哥哥+弟弟)

div+p{color:red;}
注意:以哥哥标签调用弟弟标签,修饰的是弟弟标签,不能通过弟弟标签修饰哥哥标签。

时间仓促,后续补上。

css基础语法

上一篇:Springboot-application.properties


下一篇:iOS开发UI篇—控制器的创建