当前位置:   article > 正文

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

html+css网页设计

2.3 图像标记

1.图像的标记分为在这里插入图片描述
2.相对路径和绝对路径
相对路径分为三种:图像文件和HTML文件在同一文件夹,只输入文件名字就可以。
图像文件在HTML文件下一级文件夹,输入文件夹名和文件名。
图像文件在HTML文件上一级文件夹,在文件名前面加入“…/”如果是上两级的话就要加“…/…/”。

3.1CSS核心基础

1.css的样式规则:
选择器样式:{属性1:属性1;属性2:属性2;…;}
2.引入CSS样式表:
行内式:< 标记名 style=“属性1:属性1;属性2:属性2;…;">
内嵌式:在这里插入图片描述
链入式(即带入html中):在这里插入图片描述
导入式:在这里插入图片描述
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:字号大小在这里插入图片描述
font-family:字体在这里插入图片描述
font-weight:字体粗细在这里插入图片描述
font-wariant:变体在这里插入图片描述
font-style:字体风格在这里插入图片描述
2.font:综合设置字体样式:
在这里插入图片描述
3.css文体外观属性:
color:文本颜色
letter-spaceing:字间距
word-spaceing:单词间距
line-height:行间距
text-decoration:文本装饰
text-align:水平对齐方式:left左对齐
right右对齐
center居中对齐
text-indent:首行缩进
white-space:空白符处理

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/神奇cpp/article/detail/996615
推荐阅读
相关标签
  

闽ICP备14008679号