热门关键字:
jquery > jquery教程 > css3 > css3系列-2.css中常见的样式属性和值

css3系列-2.css中常见的样式属性和值

594
作者:管理员
发布时间:2020/5/20 10:52:10
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=1701
如果你已经看到了这里,那你应该也能继续往下面看,码字不易,点个关注吧。我的微信公众号:全栈学习笔记
边框属性比较重要
看到这里你的心情可能是这样的
css3系列-2.css中常见的样式属性和值
css3系列-2.css中常见的样式属性和值
但是不要担心,如果你觉得很难懂的话,可以私聊我,我给你讲懂!
内边距
外边距
如果你是新手的话可能对盒子模型,外边距内边距都不熟悉,这一部分内容在学的时候相对来说比较吃力!如果有问题可以私聊或者留言评论给我,我帮你解决哦!
这一部分用的比较少,了解一点就行
定位属性一般来说用得比较多,希望你能看懂下面的代码
代码中的意思是相对定位,相对定位就是说,相对于我本身元素的位置,再对这个元素进行移动。所以以上代码的意思就是相对于这个元素原来所在的位置,再向右移动2px,向下移动2px,要注意这一点,代码中写的left,top 都是正值,也就是向相反的方向移动。而不是向左移动2px,向上移动2px.
以上为绝对定位,绝对定位是相对于整个页面来说的,不管元素本身所在的位置。页面上的最左上角代表(0,0)坐标,绝对定位的起始位置也是这里。所以上面这段代码实现的就是距离左边20px,距离上边20px,这样理解可能比上面我说的以相反的方向移动要简单很多吧。
css里面浮动用的还是挺多的,要好好学哦!不会的关注我的公众号,我会教你的哦!公众号:全栈学习笔记 码字太难了!给个关注吧!
说实话,浮动这一块讲着就很麻烦了,这里只介绍一下,后面出一期上面说的盒子模型的时候专门讲一下浮动,不然讲着可能会有一点抽象,你也觉得不好懂!下期我尽量讲的详细一点。图文并茂,哈哈,这一期基本上都是代码文字叙述。作为一个知识的存储。往下面看!
这句话的意思是将这个块(暂时称为一个块吧)浮动到右边,或是移动。浮动涉及的东西挺多的,有时候能用浮动,有时候用浮动比较麻烦!
1.第一种方式
2.第二种方式
父容器使用overflow:auto。
3.第三种方式
父容器使用伪类after和zoom。
伪类选择器还没讲过,争取这两天写一份详细的选择器文章。
滚动条设置
样式隐藏分为占位隐藏以及非占位隐藏
所谓非占位隐藏就是说,使用这个属性后,这个元素是不会被渲染,也就不会被看到。
而占位隐藏的意思就是,虽然这个元素我们看不到,但是他其实已经被渲染出来了,只是被隐藏了,就像科幻片里面的隐身一样。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:CSS3
友荐云推荐