网页设计与制作(HTML+CSS)

2.3 图像标记

1.图像的标记分为
网页设计与制作(HTML+CSS)
2.相对路径和绝对路径
相对路径分为三种:图像文件和HTML文件在同一文件夹,只输入文件名字就可以。
图像文件在HTML文件下一级文件夹,输入文件夹名和文件名。
图像文件在HTML文件上一级文件夹,在文件名前面加入“…/”如果是上两级的话就要加“…/…/”。
3.1CSS核心基础

1.css的样式规则:
选择器样式:{属性1:属性1;属性2:属性2;…;}
2.引入CSS样式表:
行内式:< 标记名 style=“属性1:属性1;属性2:属性2;…;">
内嵌式:
网页设计与制作(HTML+CSS)
链入式(即带入html中):
网页设计与制作(HTML+CSS)
导入式:
网页设计与制作(HTML+CSS)
3.CSS基础选择器:
标记选择器:标记名{属性1:属性1;属性2:属性2;…;}
类选择器:类名{属性1:属性1;属性2:属性2;…;}
id选择器:#id名{属性1:属性1;属性2:属性2;…}
通配符选择器:*{属性1:属性1;属性2:属性2;…;}
CSS文本相关样式

1.css字体样式属性:
font-size:字号大小
网页设计与制作(HTML+CSS)
font-family:字体
网页设计与制作(HTML+CSS)
font-weight:字体粗细
网页设计与制作(HTML+CSS)
font-wariant:变体
网页设计与制作(HTML+CSS)
font-style:字体风格
网页设计与制作(HTML+CSS)
2.font:综合设置字体样式:
网页设计与制作(HTML+CSS)
3.css文体外观属性:
color:文本颜色
letter-spaceing:字间距
word-spaceing:单词间距
line-height:行间距
text-decoration:文本装饰
text-align:水平对齐方式:left左对齐
right右对齐
center居中对齐
text-indent:首行缩进
white-space:空白符处理
————————————————
版权声明:本文为CSDN博主「胡立豪」的原创文章,遵循CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/T_personality/article/details/103516636