0
点赞
收藏
分享

微信扫一扫

网页前端第三次学习

夹胡碰 2022-02-06 阅读 53
前端

1.主要内容

2.基本使用

        

 注意:

        CSS声明要以分号结束

        建议一行一一个属性

        若值为若干单词,则要给值加引号

一.CSS定义
                    选择器名{
                        属性名:属性值;
                        属性名:属性值;
                        属性名:属性值;
                        ....
                    }
                    注意:
                        1.声明需要花括号括起来,每个声明以分号(;)结尾
                        2.一行建议一个声明
                        3.如果样式的属性值有多个单词组成,则用引号(“”)引起来
二.CSS注释
                    /* 注释内容 */
三.CSS的三种使用方式
                    1.行内样式
                        直接写在标签上的样式,在标签上通过style定义的样式
                    2.内部样式
                        定义在style标签中的样式,style标签一般设置在head标签中
                    3.外部样式
                        定义在外部CSS文件中,通过link引入
                        <link rel="stylesheet" type="text/css" href="css文件的路径">
                    注:有多种样式时,精确度越高越优先

四.CSS基本选择器
                1.通用选择器
                    *{
                        属性名:属性值;
                        属性名:属性值;
                        ....
                    }
                2.元素选择器
                    标签名{
                        属性名:属性值;
                        属性名:属性值;
                        ....
                    }
                3.ID选择器 #
                    #id属性值{
                        属性名:属性值;
                        属性名:属性值;
                        ....
                    }
                4.类选择器
                    .class属性值{
                        属性名:属性值;
                        属性名:属性值;
                        ....
                    }
                5.分组选择器
                    选择器1,选择器2....{
                        属性名:属性值;
                        属性名:属性值;
                        ....
                    }

 五.样式权重

        元素选择器1

        类选择器10

        id选择器100

        内联样式1000(越大越高)

六.组合选择器
                后代选择器
                    选择指定选择器的所有指定后代元素,以空格隔开
                    选择器 指定元素{
                        属性名:属性值;
                        属性名:属性值;
                        ....
                    }
                子代选择器
                    选择指定选择器的第一代元素,以大于号隔开
                    选择器>指定元素{
                        属性名:属性值;
                        属性名:属性值;
                        ....
                    }
                相邻兄弟选择器
                    选择指定选择器的下一代元素(只会找一个),两者有相同的父元素,以加号隔开
                    选择器+指定元素{
                        属性名:属性值;
                        属性名:属性值;
                        ....
                    }
                普通兄弟选择器
                    选择指定元素后面的的所有元素,两者有相同的父元素,以~隔开
                    选择器~指定元素{
                        属性名:属性值;
                        属性名:属性值;
                        ....
                    }

举报

相关推荐

网页前端第三次培训

第三次网页前端培训笔记

第三次作业

RHCSA:第三次

0 条评论