![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
聪明可爱小轩轩
欢迎关注公众号:聪明可爱小轩轩
展开
-
关于HTML,CSS中某一文字的下划线长度的改变
本人 刚刚入坑前端几个月。对于很多问题看的不是恨透测。前几日,写一个学长交代的小小网页时,遇到了一个问题。前前后后变化了好多次。最后解决了。我想有一些其他的学习者也有可能会遇到这类问题,特分享出来。希望可以帮到大家。当时中需要得到上图的样子。我的第一个反应是,在文字的下边加一个边框 border-bottom :2px solid #00DDDD;毫无疑问,可以...原创 2018-11-23 21:23:27 · 16332 阅读 · 5 评论 -
flex布局的属性总结
在使用flex布局前,我需要设定flex布局,可以理解为是一个flex布局的容器一句代码:display:flexflex-direction后面可以选择的有四个属性,常用的有两个row(默认):水平排列row-reverse:相反方向的水平排列colcum:列排列colcum-reverse:相反方向的列排列强调:如果子集的宽度大于容器的宽度,那就不会在按照子集设...原创 2019-01-25 19:34:41 · 322 阅读 · 0 评论 -
CSS3中的 nth 选择器的归类
选择方法:first-child、:last-child、:nth-child()、:nth-last-child()、:nth-of-type()、:nth-last-of-type()、:first-of-type、:last-of-type、:only-child、:only-of-type、:emptyfirst-child选择属于其父元素的首个子元素的每个Element元素...原创 2019-01-22 13:51:00 · 297 阅读 · 0 评论 -
flex布局属性的伸展、收缩、基准属性
flex-frow 伸展 解决问题:当所要求的范围超出后,如何分配空间?在分配的内容大于需要的空间后,要对剩余的空间进行分配可以设置1,以及其他数字,不能是负数1、如果每一个子集设置的是相同的数字,则是平均分配2、不同的数值,则按照数值的大小分配剩余的空间 flex-shrink 收缩 解决问题:当范围不够怎么办?指咋爱不够的情况下,如何分配目前的空间例如:...原创 2019-01-26 14:06:28 · 972 阅读 · 2 评论 -
background-clip,background-origin,background-size的运用
1、如何解决背景图片的大小问题?之间写代码的时候就遇到这种问题,很多时候只能是根据图片的大小来设置长宽,之间之前百度了,也没有很是理解,最近通过最近的学习,来给大家做一个分享。background-size:控制背景图片的大小下面有四个属性,1、length: 直接输入具体的数值,一般情况下是两个数值(长,宽),如果仅仅设置了一个,第二个默认为auto(与长等比例的缩放)2、p...原创 2019-01-30 15:01:27 · 307 阅读 · 0 评论 -
CSS3的颜色渐变的理解!颜色渐变的角度问题,颜色渐变百分比的理解!以及加入了透明度的问题。
1、CSS3的颜色渐变角度的问题颜色渐变角度的使用并没有兼容性的考虑,当然了也不用写兼容性代码,同时对于方向性也能有更多的定义就如上图所示的那样,如:0deg:表示从下往上进行颜色渐变90deg:表示从左向右进行颜色渐变45deg:表示从左下到右上进行颜色渐变2、CSS3的颜色渐变百分比的问题自己之前学习这方面的知识的时候,就会有很多的疑惑,理解的不够透彻。后来自己...原创 2019-01-30 19:14:09 · 3485 阅读 · 0 评论 -
宽度变化的情况下,如何设置高度和宽度一样
1、很多人的想法应该是js获取,在动态改变高度。这样虽然可以,但是比较麻烦,今天分享一个,不用js就可以达到这样效果的方法。2、<!DOCTYPE html><html><head> <title></title> <style type="text/css"> body { width: 400p...原创 2019-05-13 19:47:21 · 2513 阅读 · 0 评论