学习前端的第十一天

Css3基础

1.选择器   

          属性选择器   标签名称[属性]

标签名称[属性=”属性值”]

            结构选择器  标签名称:nth-child(){}  当标签名称一样的时候

                                标签名称:nth-of-type(){} 当标签名称不一样的时候

            目标选择器   选择器:target{}  选择器为你当前需要指定的东西,与锚点使用类似

            Ui选择器     选择器:focus{}  网页聚焦   一个网页只能有一个

            层级选择器    子代选择器选择器1 选择器2{}

> 选择直接子级元素

+ 选择相邻同级元素

~选择相邻的所有同级元素

2.属性

 文本属性  text-shadow 文本阴影   属性值:水平方向垂直方向 模糊程度 颜色值

            box-shadow   盒子阴影   属性值:水平方向 垂直方向 模糊程度 颜色值 inset(内向的)

 背景属性 背景尺寸  background-size属性值  100%宽高

                           Cover覆盖 等比例放大图片

                                           Contain覆盖  自适应图片的宽高停止

颜色属性  hsl拓展

边框属性 border-radius(圆角或者做园)  属性值  一个属性值和四个属性值两种

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 4,198评论 0 3
  • 一、CSS中的属性和取值 1.文本类属性: text-align属性:此标签内容的水平对齐方式,内容须为具体文字/...
    刘远舟阅读 3,570评论 0 1
  • 用TCP协议发送时,由于TCP是数据流协议,因此不存在包大小的限制(暂不考虑缓冲区的大小) HTTP/2 头压缩算...
    JLong阅读 3,437评论 0 0
  • 这个是去年以来新能源板块的涨幅,是不是很喜人,下面我们就说一说他为什么这么火,未来的投资机会又在哪里。 新能源究竟...
    804089a6771e阅读 4,223评论 0 1
  • 好久不见 哈哈,几天没更了,最近实在是太忙了,我昨天十点就睡了。 自8.23那个周末我完成了救赎以后,连着两天没有...
    消失的田野阅读 1,534评论 0 1