制作图文混排页面
1.需要先使用< img/>标记插入图像。
2.因为需要制作图文混排页面,文字和图片需在同一排上,所以在图片属性中需要定义align属性。
3.图片设置之后要对文本进行控制, 文本控制需要用到标记。
制作效果如下:
css核心基础
1.css样式规则:选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3}
2.引入css样式表
要想使用css修饰网页,就需要在html文档中引入css样式表。
css的四种样式表:
1.行内式
行内式是通过标记的style属性来设置的样式,其格式及语法如下:
<标记名 style=“属性1:属性值1;属性2:属性值2;属性3:属性值3”>
2.内嵌式
内嵌式是将css代码集中写在html文档的< head>头部标记中,并且用< style>标记定义,其基本语法格式如下:
3.链入式
链入式是将所有的样式放在一个或多个以。css为扩展名的外部样式表文件中,通过< iink/>标记将外部样式表文件链接到html文档中。其基本语法格式如下:
4.导入式
导入式与链入式相同,都是针对外部样式表文件的。对html头部文档应用style标记,并在< style>标记内的开头处使用@import语句,即可导入外部样式表文件,其基本语法格式如下:
css基础选择器
1.标记选择器
标记选择器是指用html标记名称作为选择器,按标记名称分类,为页面中某一类标记指定统一的css样式。
2.类选择器
类选择器使用.进行标识,后面紧跟类名。
3.id选择器
id选择器使用#进行标识,后面紧跟id名。
4.通配符选择器
通配符选择器用*符号标识,它是所有选择器中作用范围最广的,能匹配页面中所有的元素。
css字体样式属性
1.font-size:字号大小
2.font-family:字体
3.font-weight:字体粗细
4.font-variant:变体
5.font-style:字体风格
6.font:综合设置字体样式
css文本外观属性
1.color文本颜色
2.letter-spacing:字体间距
3.word-spacing:单词间距
4.line.height:行间距
5.text-transform:文本转换
6.text-decoration:文本装饰
7.text-align:水平对齐方式
8.text-indent:首行缩进
9.white-space:空白符处理