网页设计与制作2.0

制作图文混排页面

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:空白符处理

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值