美文网首页
2023-10-23

2023-10-23

作者: 许文雅 | 来源:发表于2023-10-22 17:53 被阅读0次

CSS的学习

                            CSS(层叠样式表)(就近原则)(本身是开源的)

1、优点:(1)样式多,灵活    (2)样式与页面相分离

2、CSS的划分:

    (1)按位置划分    a、内联:在标签内使用style    eg:<p    style="color"></p>

                                    b、内部:在<head></head>里创建<style></style>里写入

                                    c、外部:创建一个.css文件

            注:优先级关系:内联>内部>外部

(2)按选择器划分

                            a、基于元素的选择器

                             b、类选择器(在style中创建一个.类名,在其中写入想要的属性,在所需之处通过class=“类名”调用)

                            c、id选择器(在style中创建一个#加名称的id选择器,在其中写入想要的属性,在所需之处通过id=“名称”调用)作用   于 同一个id

                             d、符合选择器:①多个元素使用一个属性,中间以逗号隔开

                                                         ②通过元素关系    eg:<ul><li></li></ul>用ul li {}

        注:优先级:id选择器>类选择器>元素

3、字体

    (1)font-size:zitidaxiao

    (2)font-family:字体种类(宋体、黑体、微软雅黑)

    (3)font-style:字体风格(斜体、正常歪外斜体)

    (4)font-weight:正常(400、normal),加粗(700、bold)

注:(1)写在一起时的顺序font:font-style font-weight font-size font-family

        (2)font属性具有继承性

4、text-decoration

    (1)underline:下划线

    (2)overline:上划线

    (3)line-through:删除线

5、排版样式

    (1)a、text-transform:uppercase

            b、text-transform:lowwercase

            c、text-transform:capitalise(首字母大写)

    (2)首行缩进text-indent

     (3)间距

                        a、letter-spacing:字符间距

                        b、 word-spacing:单词间距

    (4)行高line-height

     (5)text-align:字体位置

相关文章

  • 2023-10-23

    上一周的身体状况并不是很好,前半周总是经常头痛或者头懵懵的,而后半周右侧肩胛骨以及右侧颈部不适,有些疼痛。 不知道...

  • 2023-10-23

    学习,伴随我们终生。很多人每天都在奋力学习,结果却不太理想,这很有可能忽略了学习的本质——重复。学习的本质是...

网友评论

      本文标题:2023-10-23

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