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