美文网首页青春韶华
一周学习总结

一周学习总结

作者: 徐林林_2022公益强化班 | 来源:发表于2022-10-16 10:35 被阅读0次

    CSS层叠样式表,是一种用来为结构化文档添加样式的计算机语言,CSS文件扩展名为.css,三大特性:层叠性,继承性,优先级.

    CSS样式在头部中添加,有自己的body部分.

    一.CSS语法:

          选择器通常是需要改变样式的html元素,每条声明由一个属性和一个值组成.

    二.选择器:id和class选择器

          如果要在html元素中设置css样式,需要在元素中设置id和class选择器.

      1.id选择器:id选择器可以为标有特定id的html元素指定特定的样式.html元素以id属性来设置id选择器,css中id选择器以#来定义

    三.插入样式表:外部样式表,内部样式表,内联样式.

        1.外部样式表:当样式需要应用于很多页面时,外部样式表是理想的选择,在使用外部样式表的情况下,可以通过改变一个文件来改变整个站点的外观。每个页面使用<link>标签链接到样式表,<link>标签在头部.外部样式表可以在任何文本编辑器中进行编辑,文件不能包含任何的html标签。样式表应该以.css扩展名进行保存

        2.内部样式表:当单个文档需要特殊的样式时,就应该使用内部样式表,可以使用<style>标签在文档头部定义内部样式表.

          3.内联样式:要使用内联样式,需要在相关的标签内使用style属性,style属性可以包含任何css属性.

          4.多重属性:如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来

      优先级:内联样式>内部样式>外部样式>浏览器默认样式.

    四.CSS背景

        1.背景颜色:background-color属性定义了元素的背景颜色

          如body{background-color: ;}.

        2.背景图像:background-image属性描述了元素的背景图像,默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体.

          默认情况下该属性会在页面的水平或者垂直方向平铺,如果不想让图像平铺,可以使用background-repeat属性.

          为了让页面排版更加合理,我们可以改变图像的位置,可以利用background-position 属性改变图像在背景中的位置

        3.background-attachment定义背景图像是否固定或者随着页面的其余部分滚动.

      属性顺序:color,image,repeat,attachment,position.

    五.文本格式:

        1.文本颜色:颜色是通过css最经常的指定,一个网页的背景颜色是指在主体内的选择.

        2.对齐方式:文本排列属性是用来设置文本的水平对齐方式,文本可居中或对齐到左或右,两端对齐,当text-align设置为justify,每一行被展开为宽度相等,左右外边距是对齐.

        3.文本修饰:text-decoration属性用来设置或者删除文本的修饰,主要是用来删除链接的下划线.

        4.文本转换:文本转换属性是用来指定在一个文本中的大写和小写字母,可用于所有字句变成大写或小写字母,或每个单词的首字母大写.

        5.文本缩进:文本缩进属性是用来指定文本的第一行的缩进,如p<text-indent:50px;}

    六.CSS字体:

        1.字体系列:font-family属性设置文本的字体系列.

        2.字体样式:正常(normal),斜体(italic),倾斜的文字(oblique).

        3.字体大小:font-size属性设置文本的大小。设置文字的大小与像素,控制文字大小.

    相关文章

      网友评论

        本文标题:一周学习总结

        本文链接:https://www.haomeiwen.com/subject/aqklzrtx.html