CSS基础总结

css基础

    选择器

        id选择器  #id值{}

        通配符选择器 *{}

        群组     选择器1,选择2{}

        后代     选择器1 选择器2{}

        子代     选择器1>选择器2{}

        伪类

            鼠标滑过

                :hover{}

            获取焦点    

                :focus{}

            鼠标未访问过

                :link{}

        class选择器 .class值

        标记选择器   标记名称{}

        id选择器 >class选择器

    框模型

        外边距:margin:值1  值2

                        上下 左右

        内边距:padding

        边框阴影

            box-shadow:x y blur color;

        边框

            border:1px solid red;

        背景属性

            背景固定

                background-attachment

            背景定位

                background-position

            背景尺寸

                background-size: 值1  值2;

            背景缩写

                background:url() no-repeat position

        字体属性

            字体加粗  font-weight

            字体大小  font-size

            字体样式  font-style

            控制字体  font-family

        文本属性

            文本颜色   color

            文本阴影   text-shaodow

            文本修饰   text-decoration

            行高       line-height

            首行缩近   text-indent

        表格属性

        浮动特性

           float:left;

        怎样把行元素变成块元素

            float

        怎么解决高度塌陷

            1.让父元素浮动

            2.加块级子元素  让子元素clear:both

            3.给父元素设置高度

            4.设置父元素的overflow值为auto或者hidden

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏vue学习

CSS日常踩坑后的总结(猜测你也会遇到的,持续更新。。。)

可以用left:50%加上margin-left:-(宽度/2),来实现绝对定位的水平居中,这里的宽度指的是设置为绝对定位的元素的宽度

1333
来自专栏deepcc

一个特别不错的jQuery快捷键插件:js-hotkeys

4636
来自专栏大数据钻研

CSS居中:完全指南(译)

CSS的居中是众多CSS难点的代表。为啥用CSS居中这么难呢?但是我认为这个问题其实并没有那么难啦,就是有很多种不同的方式可以达到居中的目的,这取决于不同的情景...

3197
来自专栏河湾欢儿的专栏

表格案例

1272
来自专栏用户2442861的专栏

CSS基础-引入方法,选择器,继承

    例子:<div style="background-color:red">行内式</div>

851
来自专栏程序员的知识天地

H5 学习从0到1-H5表格(7)

951
来自专栏菜鸟计划

CSS布局(六) 对齐方式

一、水平居中: (1). 行内元素的水平居中? 如果被设置元素为文本、图片等行内元素时,在父元素中设置text-align:center实现行内元素水平居中,将...

3685
来自专栏前端萌媛的成长之路

元素垂直居中和水平居中的方法

1472
来自专栏十月梦想

html元素居中情况分类

内联元素,也叫行内元素(inline):(,a,input,span,b,i,u....)默认不会进行换行,不能设置宽度和高度.

1293
来自专栏电光石火

CSS几个竖直与水平居中盒子模型

水平居中:text-align: center; 竖直居中:line-height: 30px(30为层高)

2228

扫码关注云+社区

领取腾讯云代金券