![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 78
asd3331380
这个作者很懒,什么都没留下…
展开
-
CSS常用技巧盘点
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习知识的网站本翻译并未得到作者或网站授权。一切权利都归原作者及原网站所有。如果你得到原作者或原发表网站的授权,可以自由使用本翻译。1. CSS字体属性简写规则一般用CSS设定字体属性是这样做的:font-weight: bold;font-style: italic;font-varient: small-caps;font-size: 1em;line-height: 1.5转载 2021-12-26 11:31:05 · 99 阅读 · 0 评论 -
CSS方式如何实现三栏布局?
转自:在网页布局中,三栏布局是一种常见的布局方式,尤其在 PC 端。如下图所示。三栏布局从上到下由页头、内容和页脚组成,内容由左、中、右三列组成,其中左右两列的宽度固定,中间一列自适应。假设左右宽度是 100px,header 和 footer 的高度是 60px。下面介绍五种方式,分别是:浮动、绝对定位、flex-box和grid-box和表格布局。HTML 骨架如下:<main><header>header</header&g...转载 2021-12-24 15:15:34 · 119 阅读 · 0 评论 -
CSS各种属性
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习知识的网站[背景]属性共有六项:「背景颜色」(background-color),设置背景颜色。「背景图像」(background-image),设置网页背景图像。「重复」(background-repeat),控制背景图像的平铺方式,有不重复(no-repeat)、重复(repeat,沿水平、垂直方向平铺)、横向重复(repeat-X,图像沿水平方向平铺)和纵向重复(repeat-Y,沿图像垂直方向转载 2021-12-24 11:52:10 · 83 阅读 · 0 评论 -
Javascript动态增加CSS样式
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习知识的网站为了节省代码和写出更兼容的代码,有时我们需要用Javascript动态的增加CSS样式。IE下,我们可以使用 document.createStyleSheet() 方法;而在非IE浏览器上,就不支持这个方法。可以使用document.styleSheets[0],但要求网页里必须最少已经加载过一个样式表。后来我找到以下方法,可以在Firefox、Opera下正常运行:var str_原创 2021-12-21 18:58:20 · 781 阅读 · 0 评论 -
CSS常用标签
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习知识的网站1、字体属性字体属性:(font)大小:font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD样式 :font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)行高 :line-height: normal;(正常) 单位:PX、PD、EM粗细 :font-weigh转载 2021-12-22 22:35:26 · 181 阅读 · 0 评论 -
HTML、CSS、JS的区别及联系
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习知识的网站关于Web前端工程师应该知道的HTML、CSS、JS区别。在日常学习中,html,css和js我们都学过,起初分不清这三者的区别和联系,随着知识的增长,有了一些体会。随小编看一下这三项技术都是什么,能干什么?web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业。不同的公司有不同的叫法,例如网页界面开发、网站设计等等。要学习web前端开发,需要掌握哪些知识呢?小编总结.转载 2021-12-17 23:09:55 · 274 阅读 · 0 评论 -
HTML中CSS引用: 选择器
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习知识的网站一、元素选择器1、书写格式:标记名{/*生命块*/}2、所有与该标记匹配的元素,都将应用声明块中的规则二、类选择器1、书写格式:.类名{/*声明块*/}类名为 class的值2、所有class属性为指定类名的元素,都将应用声明块中的规则eg:<p class="color_blue size"> .color_blue{color: skyblue;转载 2021-12-17 17:42:54 · 173 阅读 · 0 评论 -
弹窗Modal实现和有滚动条偏移的方法
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习知识的网站弹窗也叫modal(模态)在网页设计中是一个常见的功能。实现方法也不会太复杂,可以通过css实现居中(bootstrap的modal是使用靠上边距来实现),然后JS控制点击显示和消失。在弹窗中也许你会发现一个问题,就是当页面有滚动条时,点击弹窗可能需要隐藏滚动条,这时内容会变宽,本文来自于江水提供了三种解决方法,收益匪浅,感谢。弹窗的实现原理和方法弹窗通常就是两部分,一部分是半透明的背景遮转载 2021-12-13 12:43:57 · 501 阅读 · 0 评论 -
页面数据可视化
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习知识的网站可视化不是单纯的数据展示,其真正价值是设计出可以被读者轻松理解的数据展示。设计过程中的每一个选择,最终都应落脚于读者的体验,而非设计者个人。本文提到了一些常见错误,也是经验总结出的一些技巧。这25条小技巧能够快速提升和巩固你的数据可视化设计。一起来看看!一「原则」1. 选择可以讲故事的图表你首先需要思考清楚你想达到什么目的、传达什么信息、以及你的用户是谁等。2. 删减与故事原创 2021-12-12 12:53:17 · 402 阅读 · 0 评论 -
网页设计结构:表现层、业务层和数据层
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习知识的网站网页设计 三层结构:表现层、业务层和数据层1. 表现层(Presentation Layer):表现层用于用户接口的展示,以及用业务层的类和对象来“驱动”这些接口。在ASP.NET中,该层包括aspx页面、用户控制、服务器控制以及某些与安全相关的类和对象。2. 业务层(Business Tier):业务层用于访问数据层,从数据层取数据、修改数据以及删除数据,并将结果返回给表现层原创 2021-12-06 18:34:08 · 1003 阅读 · 0 评论 -
CSS优先级算法
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习知识的网站在面试之前对css优先级的理解是 :ID优先级>class>元素选择器,外联样式优先级低于内联样式,内联样式优先级低于行间样式,然后就没有然后了……,ID选择器的优先级确实>class选择器的优先级>元素选择器的优先级,但是外联样式优先级并不一定低于内联样式优先级。做为一个合格的前端工程师,让我们彻底搞清楚css优先级计算规则吧!特殊性css继承是从一个元素向其后代原创 2021-12-11 21:33:48 · 113 阅读 · 0 评论 -
分享20个让你效率更高的CSS代码
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习知识的网站在这里想与你分享一个由各大CSS网站总结推荐的20个有用的规则和实践经验集合。有一些是面向CSS初学者的,有一些知识点是进阶型的。希望每个人通过这篇文章都能学到对自己有用的知识。1、注意外边距折叠与其他大多数属性不同,上下的垂直外边距margin在同时存在时会发生外边距折叠。这意味着当一个元素的下边缘接触到另一个元素的上边缘时,只会保留两个margin值中较大的那个。例如:HTML原创 2021-12-01 14:08:12 · 143 阅读 · 0 评论 -
JS设置CSS样式。
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习知识的网站用JS来动态设置CSS样式,常见的有以下几种1. 直接设置style的属性 某些情况用这个设置 !important值无效如果属性有"-"号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style["text-align"] = "100px";element.style.height = "100px";2. 直接设置属性(...原创 2021-12-01 09:48:37 · 437 阅读 · 0 评论 -
css高级应用,如何实现多行省略
转自: 微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习知识的网站前言这是个老掉牙的需求啦,不过仍然有很多人在网上找解决方案,特别是搜索结果排名靠前的那些,都是些只会介绍兼容性不好的使用-webkit-line-clamp的方案。如果你看到这篇文章,可能代表你正是从那么多千篇一律的文章中跳转过来的,想找更好地方案的。那恭喜你,没有更好的,只有更合不合适的,当然,前提是我的文章流量够多,能被顶上去你才有机会看到。这里介绍三种多行文本截断的方法,当.原创 2021-11-30 11:11:56 · 2114 阅读 · 0 评论 -
5种CSS方式实现三栏布局
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习网站原创 2021-11-25 22:35:07 · 205 阅读 · 0 评论 -
CSS基础:什么是CSS?
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习网站网海茫茫,怎样使自己的网页成为一道亮丽的风景线让人过目不忘?怎样使自己的网页的风格独特一致?怎样免除众多HTML标志属性设置的烦恼?一口气说这么多,只是想说,CSS---层叠样式单可以助你一臂之力!CSS即Cascading Style Sheet(级联样式单)的缩写,我们又常称这为风格样式单Style Sheet,顾名思义,是用来进行网页风格设计的。比如,我想让我的链接字未点击时是蓝色的,当鼠标移上原创 2021-11-24 17:20:51 · 76 阅读 · 0 评论 -
5种CSS方式实现三栏布局
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习网站在网页布局中,三栏布局是一种常见的布局方式,尤其在 PC 端。如下图所示。三栏布局从上到下由页头、内容和页脚组成,内容由左、中、右三列组成,其中左右两列的宽度固定,中间一列自适应。假设左右宽度是 100px,header 和 footer 的高度是 60px。下面介绍五种方式,分别是:浮动、绝对定位、flex-box和grid-box和表格布局。HTML 骨架如下:<m...原创 2021-11-24 18:36:02 · 407 阅读 · 0 评论 -
浅谈C++的函数重载
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习网站导语:函数重载的重要性不言而明,但是你知道C++中函数重载是如何实现的呢(虽然本文谈的是C++中函数重载的实现,但我想其它语言也是类似的)?这个可以分解为下面两个问题1、声明/定义重载函数时,是如何解决命名冲突的?(抛开函数重载不谈,using就是一种解决命名冲突的方法,解决命名冲突还有很多其它的方法,这里就不论述了)2、当我们调用一个重载的函数时,又是如何去解析的?(即怎么知道调用的是哪个原创 2021-11-17 17:30:43 · 155 阅读 · 0 评论 -
分享10个你未必知道的CSS技巧
转自:微点阅读(www.weidianyuedu.com)http://www.weidianyuedu.com1. CSS字体属性简写规则一般用CSS设定字体属性是这样做的:font-weight: bold;font-style: italic;font-varient: small-caps;font-size: 1em;line-height: 1.5em;font-family: verdana,sans-serif但也可以把它们全部写到一行上去:f..原创 2021-11-16 19:37:02 · 73 阅读 · 0 评论 -
打印样式CSS的技巧和要点。
转自:微点阅读http://www.weidianyuedu.com/不经过任何处理而直接打印网站上的页面会得到一个不理想的效果。我们WEB开发人员可以简单采用几个要点来使之达到较为合适的效果:使用响应式布局设置打印的效果在合适的时候打印背景图片和颜色添加显示的网址或页面链接,以供参考使用css filter 提高打印的图形效果针对打印的样式,而不是屏幕显示样式首先,我们需要使用媒体查询(media query)针对打印样式设置。123@media p..原创 2021-11-15 17:33:31 · 111 阅读 · 0 评论 -
前端入门: 用css设置文字样式
转自:微点阅读http://www.weidianyuedu.com/相信大家已经基本了解了前端最基本的一些规则了:html搭建结构,承载内容css则可以利用选择器,来为相应的html标签设置样式前面提到过的样式有最基础的盒模型相关属性:边框(border)以及背景(background),有了这两个家伙之后我们基本上就能清楚的看到一个盒子的相貌了,那么现在我们就可以往里面添加一些内容了。最基础的内容当然是文字,当我们把文字放进标签里面之后则可以来探讨一下该如何去设置文字的样..原创 2021-11-12 17:00:37 · 551 阅读 · 0 评论 -
css选择器是什么?
转自:CSS 公共样式分享CSS 公共样式分享global css | reset css(格式化样式)common css(公共组件样式)layout css(当前页面样式)清除全站所有页面的浏览器默认样式,保证在初始样式在https://www.pinlue.com/article/2018/09/1507/257178485520.html...转载 2021-11-09 19:11:57 · 360 阅读 · 0 评论 -
入门教程: 配置Java环境变量
转自:CSS入门教程——div和spandiv和span是XHTML中比较特殊的标签。结合CSS他们可以实现许多方便的功能。div和span是什么意思?相对与其他XHTML标签,div和span对于它们包含的元素是没有意义的。例如当你看到https://www.pinlue.com/article/2019/03/2116/158307888523.html...转载 2021-11-09 18:08:34 · 82 阅读 · 0 评论