CSS3
关注
分享
扫一扫
文章平均质量分 81
怎么才这几个粉丝
废话一直很多
展开
-
CSS长度单位
CSS的长度单位可以分为 绝对长度单位和相对长度单位一、绝对长度单位英寸 in 厘米 cm 毫米 mm 点 pt 标准印刷度量单位 ; 1 in = 72 pt 派卡 pc 另一种印刷单位 ; 1 pc = 12pt二、相对长度单位em ex pxem 是相对于父元素的或者同级元素的字体大小， 1em=1倍 ； 2em = 2倍。ex 是指所用字体中小写x的高...原创 2019-10-14 17:25:04 · 313 阅读 · 0 评论 -
CSS伪类、伪类选择器详解
伪类，是一种为不定时出现的样式而诞生的一类样式。伪类对应的元素和其他元素的区别是，它随着文档操作而产生和销毁，其他元素往往是静止存在的。当伪类元素生效时，伪类样式随之生效。 这就是伪类存在的意义和作用，即为文档的某些变化，附加相应的样式。拿最常见的伪类，超链接标签伪类，来说。已访问 a:visited未访问 a:link鼠标停留 a:hover鼠标点击 a:active...原创 2019-10-14 13:52:57 · 203 阅读 · 0 评论 -
CSS flex布局
flex布局(弹性布局、伸缩布局) ...转载 2019-10-12 14:06:00 · 271 阅读 · 0 评论 -
CSS——input默认边框去除
input的默认边框往往不好看，在它的样式表中加上outline:none;就行了原创 2019-09-30 17:40:58 · 2922 阅读 · 0 评论 -
CSS——去掉ul列表前面的小圆点
在ul的子元素 ｌｉ的样式表中加上 list-style-type:none原创 2019-09-30 17:39:01 · 4112 阅读 · 0 评论 -
CSS——设置元素边框的bug，当boder-radius比border本身大的时候
border-radius比边框本身大的时候会出现border被隐藏原创 2019-09-29 15:44:54 · 660 阅读 · 0 评论 -
CSS——布局方法，上下左右居中
把一个块元素的布局设置为相对父元素 上下左右居中。记住以下祖传代码position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);原创 2019-09-29 15:41:10 · 361 阅读 · 0 评论 -
VUE&&CSS——最简单的为元素添加背景图片，并自适应div的大小
为一个高宽固定的块元素添加背景图片 在样式表中 添加背景图片的src， background-image: url('../../assets/images/top_bg1.png') ;通常还需要将背景图片的大小进行调整 ，以适合块元素的大小. background-size: cover;完整的css如下:.bg-part{...原创 2019-09-29 12:08:24 · 5995 阅读 · 0 评论 -
较复杂网页布局与弹出框实现
这个案例是实现一个模仿慕课网首页以及首页登陆的网页。运用的主要技术方法有以下 div盒模型的灵活运用 对于页面布局的理解，设置合理的模块，以及按照模块的设计完成样式表。灵活使用position属性 设置溢出元素，以及对于溢出产生的问题的解决。 CSS细节的优化：button按钮的轮廓的清除。 利用div和css样式绘制圆点。 如果要设置一个模块的背景是具有不透明度属性的，但是要求...原创 2018-07-17 12:06:54 · 547 阅读 · 0 评论 -
网页布局
网页布局一列布局： 一列布局，一般是内容较为单一的网页，例如百度搜索主页。一般采用固定长宽，且设置为水平居中。用margin{0 auto}来居中。两列布局： 包含两个left+right ，分别 设置float:left;float:right；三列布局： 这里指自适应三栏布局 left+middle+right 方法一：按总的百分比为100%，给left、middle、r...原创 2018-05-11 16:20:39 · 499 阅读 · 0 评论 -
元素坍塌
所谓父元素高度坍塌是指：当父元素没有设置高度而子元素设置高度，在子元素没有设置浮动的情况下，此时父元素因为包含子元素，也具有了高度，而当子元素设置浮动后，因为脱离了文档标准流，父元素不具有高度了（这应该就是元素崩塌）。塌陷具有零高度的意思应该是：没有height值，子元素又是浮起来的，那么后面再来个div2的话就会占用div1的位置，当然div1浮动的子元素会飘在div2上面，这样会对布局有影响，...原创 2018-04-04 11:31:12 · 282 阅读 · 0 评论 -
谈一谈CSS-border里面值得提的一些thing
一、Border-style1.border-style:dotted 巧用！可以把dotted属性下的边框的大小数值设置为比容器小1px，使他变得很大。2.border-style:double 用border:dotted做一些有趣的图形 ，比如：二、Border-color 当没有给border：添加颜色属性时，border默认为容器内color的颜色。三、利用Border实现意想不到的...原创 2018-04-02 17:02:56 · 270 阅读 · 0 评论 -
前端CSS基础学习之——排版练习二
一、<!-- 想要改变 ul li 部分的文字样式，需要在标签a里面改 --><!-- ul li 的color改变的是前面这个点 -->二、HTML里 默认 超链接 带下划线，怎么去除呢 text-decoration:none三、<textarea> <textarea>标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中的文本的默认...原创 2018-03-27 10:41:04 · 691 阅读 · 0 评论 -
前端CSS基础学习之——居中，定位，画圆
一个demo 目的是实现 浏览器内一个div的居中，然后在div的对角上分别加一个四分之一圆。首先 要实现浏览器内居中，怎么实现呢？ 第一步肯定是建立一个div,并且设置它的高度宽度。 第二步是把它的position属性设置为absolute,并设置top和left的参数设置为50%，这样div的左上角就居中了。下一步就是要让div的中心居中。 第三步是通过 translate 位移元素使之中...原创 2018-03-26 14:55:50 · 1444 阅读 · 0 评论 -
报纸排版模拟
在使用z-index 的时候需要先设置 position:absolute如何设置一层模糊？.leftshadow{ width: 191px; height: 301px; float: left; position: absolute; z-index: 1; background-color:rgba(49,111,77,0.60);主要是这一...原创 2018-03-31 22:21:22 · 892 阅读 · 0 评论 -
前端学习 CSS 之 三栏布局的实现基础
实现三栏布局的一种有效方法是利用 CSS 的 display :flex功能。首先要给 <body>的css样式设置 { display:flex}然后根据三栏布局的三个部分（左侧、中间和右侧）分配各自的空间。加入先分配左右两栏的空间，则根据flex的功能，中间部分可以自动填充宽度。.left{ width: 250px;height: 610px; }.right{wid...原创 2018-03-26 09:28:04 · 161 阅读 · 0 评论