![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 75
ysds20211402
这个作者很懒,什么都没留下…
展开
-
关于CSS浮动
转自:微点阅读https://www.weidianyuedu.com首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图:可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为div元素是独占一行的。注意,以上这些理论,是指标准流中的div。无论多么复杂的布局,其基本出发点均是:“如何在一行显示多个div元素”。显然标准流已经无法满足需求,这就要用到浮动。浮动可以理解为让某个div元素脱离标准流..转载 2022-05-16 18:39:42 · 602 阅读 · 0 评论 -
打印样式CSS的技巧和要点介绍
转自:微点阅读https://www.weidianyuedu.com不经过任何处理而直接打印网站上的页面会得到一个不理想的效果。我们WEB开发人员可以简单采用几个要点来使之达到较为合适的效果:使用响应式布局设置打印的效果在合适的时候打印背景图片和颜色添加显示的网址或页面链接,以供参考使用css filter 提高打印的图形效果针对打印的样式,而不是屏幕显示样式首先,我们需要使用媒体查询(media query)针对打印样式设置。123@media p..转载 2022-05-14 21:27:06 · 332 阅读 · 0 评论 -
CSS各种属性浅谈
转自:微点阅读https://www.weidianyuedu.com[背景]属性共有六项:「背景颜色」(background-color),设置背景颜色。「背景图像」(background-image),设置网页背景图像。「重复」(background-repeat),控制背景图像的平铺方式,有不重复(no-repeat)、重复(repeat,沿水平、垂直方向平铺)、横向重复(repeat-X,图像沿水平方向平铺)和纵向重复(repeat-Y,沿图像垂直方向平铺)等4种选择。「附加」(..转载 2022-05-12 10:57:11 · 50 阅读 · 0 评论 -
关于js动态添加css方法介绍
转自:微点阅读https://www.weidianyuedu.com为了节省代码和写出更兼容的代码,有时我们需要用Javascript动态的增加CSS样式。IE下,我们可以使用 document.createStyleSheet() 方法;而在非IE浏览器上,就不支持这个方法。可以使用document.styleSheets[0],但要求网页里必须最少已经加载过一个样式表。后来我找到以下方法,可以在Firefox、Opera下正常运行:var str_css = "body {fo..转载 2022-05-06 12:20:27 · 653 阅读 · 0 评论 -
关于HTTP长连接、短连接与持久连接
转自:微点阅读https://www.weidianyuedu.com什么是Http长连接长连接定义:client方与server方先建立连接,连接建立后不断开,然后再进行报文发送和接收。这种方式下由于通讯连接一直存在。此种方式常用于P2P点对点的通信。长连接的操作步骤是:建立连接——数据传输...(保持连接)...数据传输——关闭连接长连接适用场景:监控系统:后台硬件热插拔、LED、温度、电压发生变化;即时通信系统:其它用户登录、发送信息;即时报价系统:后台数据库内..转载 2022-05-06 11:38:12 · 136 阅读 · 0 评论 -
关于HTML中CSS引用。
转自:微点阅读https://www.weidianyuedu.com一、元素选择器1、书写格式:标记名{/*生命块*/}2、所有与该标记匹配的元素,都将应用声明块中的规则二、类选择器1、书写格式:.类名{/*声明块*/}类名为 class的值2、所有class属性为指定类名的元素,都将应用声明块中的规则eg:<p class="color_blue size"> .color_blue{color: skyblue;}.size{fo..转载 2022-05-05 10:22:39 · 81 阅读 · 0 评论 -
关于HTTP中常见的各种状态码浅谈
转自:微点阅读https://www.weidianyuedu.com一些常见的http的状态码以及常见的解决方案一.各范围内状态码大致含义1xx:临时响应(Informational),需要请求者继续执行操作的状态代码,表示服务器正在接受请求。2xx:成功状态码(Success),已成功接受客户端请求。3xx:重定向状态码(Redirection),需要客户端做进一步操作来完成请求。4xx:客户端错误(Client Error),客户端请求出错导致服务端无法正常完成请求..转载 2022-05-04 17:53:35 · 77 阅读 · 0 评论 -
HTML基本结构
转自:微点阅读https://www.weidianyuedu.com之前介绍了HTML的编码规范,良好编码规范可以让我们的代码更加的易于维护,而今天要说的基本结构,则是能够让我们的页面正确的进行页面显示和SEO,正确的HTML格式加上良好的编码规范才是一个成熟合格的项目。HTML页面基本结构 <!DOCTYPE html><html><head><metacharset="utf-8"...转载 2022-05-03 23:35:36 · 74 阅读 · 0 评论 -
浅谈CSS各种属性概述
转自:微点阅读https://www.weidianyuedu.com[背景]属性共有六项:「背景颜色」(background-color),设置背景颜色。「背景图像」(background-image),设置网页背景图像。「重复」(background-repeat),控制背景图像的平铺方式,有不重复(no-repeat)、重复(repeat,沿水平、垂直方向平铺)、横向重复(repeat-X,图像沿水平方向平铺)和纵向重复(repeat-Y,沿图像垂直方向平铺)等4种选择。「附加」(..转载 2022-05-03 12:14:33 · 106 阅读 · 0 评论 -
关于CSS各种属性浅述
转自:微点阅读https://www.weidianyuedu.com[背景]属性共有六项:「背景颜色」(background-color),设置背景颜色。「背景图像」(background-image),设置网页背景图像。「重复」(background-repeat),控制背景图像的平铺方式,有不重复(no-repeat)、重复(repeat,沿水平、垂直方向平铺)、横向重复(repeat-X,图像沿水平方向平铺)和纵向重复(repeat-Y,沿图像垂直方向平铺)等4种选择。「附加」(b.转载 2022-05-01 17:09:27 · 78 阅读 · 0 评论 -
关于打印样式CSS浅谈
转自:微点阅读https://www.weidianyuedu.com不经过任何处理而直接打印网站上的页面会得到一个不理想的效果。我们WEB开发人员可以简单采用几个要点来使之达到较为合适的效果:使用响应式布局设置打印的效果在合适的时候打印背景图片和颜色添加显示的网址或页面链接,以供参考使用css filter 提高打印的图形效果针对打印的样式,而不是屏幕显示样式首先,我们需要使用媒体查询(media query)针对打印样式设置。123@media p..转载 2022-04-28 18:45:47 · 332 阅读 · 0 评论 -
关于打印样式CSS的技巧和要点
转自:微点阅读https://www.weidianyuedu.com不经过任何处理而直接打印网站上的页面会得到一个不理想的效果。我们WEB开发人员可以简单采用几个要点来使之达到较为合适的效果:使用响应式布局设置打印的效果在合适的时候打印背景图片和颜色添加显示的网址或页面链接,以供参考使用css filter 提高打印的图形效果针对打印的样式,而不是屏幕显示样式首先,我们需要使用媒体查询(media query)针对打印样式设置。123@media pr.转载 2022-04-25 17:36:29 · 184 阅读 · 0 评论 -
关于 HTML 的常用语法简述
转自:微点阅读https://www.weidianyuedu.comHTML 的所有语法〈当然并不是全部,但也差不多是这样了〉。希望对网友查询时比较方便。 注:按英文字母顺序排列卷标 , 属性名称 简介<! - - ... - -> 批注<A HREF TARGET> 指定超级链接的分割窗口<A HREF=#锚的名称> 指定锚名称的超级链接<A HREF> 指定超级链接<A NAME=锚的名称> 被连结点的名称.转载 2022-05-01 22:29:04 · 65 阅读 · 0 评论 -
SharePoint 自定义权限级别
转自:微点阅读https://www.weidianyuedu.com自定义现有权限级别在“网站设置”页上的“用户和权限”下,单击“高级权限”。在工具栏上,单击“设置”,然后单击“权限级别”。在权限级别列表中,单击您要自定义的权限级别的名称。在权限列表中,选中或清除相应的复选框以向权限级别中添加权限或者从中删除权限。单击“提交”。MOSS中的权限结构主要有三部分:网站权限,列表权限,个人权限。网站权限由18种如下图:列表权限由12种,如下图:个人权限由三种,如..转载 2022-04-06 17:56:16 · 841 阅读 · 0 评论 -
6个你未必知道的CSS技巧分享
转自:微点阅读https://www.weidianyuedu.com一切权利都归原作者及原网站所有。如果你得到原作者或原发表网站的授权,可以自由使用本翻译。1. CSS字体属性简写规则一般用CSS设定字体属性是这样做的:font-weight: bold;font-style: italic;font-varient: small-caps;font-size: 1em;line-height: 1.5em;font-family: verdana,sans..转载 2022-04-06 10:22:58 · 43 阅读 · 0 评论 -
CSS各种属性浅谈
转自:微点阅读https://www.weidianyuedu.com[背景]属性共有六项:「背景颜色」(background-color),设置背景颜色。「背景图像」(background-image),设置网页背景图像。「重复」(background-repeat),控制背景图像的平铺方式,有不重复(no-repeat)、重复(repeat,沿水平、垂直方向平铺)、横向重复(repeat-X,图像沿水平方向平铺)和纵向重复(repeat-Y,沿图像垂直方向平铺)等4种选择。「附加」(..转载 2022-04-03 16:46:47 · 48 阅读 · 0 评论 -
HTML、CSS和JS怎么样变成页面的呢?
转自:微点阅读https://www.weidianyuedu.com我们经常写 HTML 、 CSS 和 JavaScript ,写好这些之后,我们就会在浏览器中看到页面,那浏览器究竟在这背后做了一些什么事情呢?本篇文章将揭晓答案!了解浏览器的渲染原理是我们在通往更深层次的前端开发中不可缺少的,它可以让我们从更深层次、角度去考虑性能优化等~下面进入正文~进程、线程浏览器会分配一个线程“自上而下,从左到右”依次解析和渲染代码,那么进程和线程是什么,它们之间有着怎样的关系呢?进..转载 2022-04-03 13:05:52 · 86 阅读 · 0 评论 -
8个你未必知道的CSS技巧
转自:微点阅读https://www.weidianyuedu.com本翻译并未得到作者或网站授权。一切权利都归原作者及原网站所有。如果你得到原作者或原发表网站的授权,可以自由使用本翻译。1. CSS字体属性简写规则一般用CSS设定字体属性是这样做的:font-weight: bold;font-style: italic;font-varient: small-caps;font-size: 1em;line-height: 1.5em;font-famil..转载 2022-04-02 13:06:32 · 83 阅读 · 0 评论 -
关于js动态添加css浅谈
转自:微点阅读https://www.weidianyuedu.com为了节省代码和写出更兼容的代码,有时我们需要用Javascript动态的增加CSS样式。IE下,我们可以使用 document.createStyleSheet() 方法;而在非IE浏览器上,就不支持这个方法。可以使用document.styleSheets[0],但要求网页里必须最少已经加载过一个样式表。后来我找到以下方法,可以在Firefox、Opera下正常运行:var str_css = "body {fo..转载 2022-03-30 10:22:06 · 229 阅读 · 0 评论 -
css布局:元素居中技巧分享
转自:微点阅读https://www.weidianyuedu.com经常碰到有人在问,如何让一个元素上下左右都居中呢?相信大家在面试的时候也会经常碰到这个问题,一下列出来几种方式以供大家参考,如有不足之处,请大家补充问题描述:给定两个元素,这两个元素是父子级关系。并且两个元素的大小都是不确定的,那么这时候如何让子级在父级中上下左右都居中?(暂且设定父级比子级要大一些)第一种:利用定位先上代码及效果: ...转载 2022-03-25 18:16:02 · 125 阅读 · 0 评论 -
css布局技巧分享
转自:微点阅读https://www.weidianyuedu.com经常碰到有同学在问,如何让一个元素上下左右都居中呢?相信大家在面试的时候也会经常碰到这个问题,一下列出来几种方式以供大家参考,如有不足之处,请大家补充问题描述:给定两个元素,这两个元素是父子级关系。并且两个元素的大小都是不确定的,那么这时候如何让子级在父级中上下左右都居中?(暂且设定父级比子级要大一些)第一种:利用定位先上代码及效果: ...转载 2022-03-25 14:14:43 · 79 阅读 · 0 评论 -
关于CSS各种属性集合分享
转自:微点阅读https://www.weidianyuedu.com[背景]属性共有六项:「背景颜色」(background-color),设置背景颜色。「背景图像」(background-image),设置网页背景图像。「重复」(background-repeat),控制背景图像的平铺方式,有不重复(no-repeat)、重复(repeat,沿水平、垂直方向平铺)、横向重复(repeat-X,图像沿水平方向平铺)和纵向重复(repeat-Y,沿图像垂直方向平铺)等4种选择。「附加」(..转载 2022-03-22 22:27:19 · 96 阅读 · 0 评论 -
HTML中CSS引用: 选择器
转自:微点阅读https://www.weidianyuedu.com一、元素选择器1、书写格式:标记名{/*生命块*/}2、所有与该标记匹配的元素,都将应用声明块中的规则二、类选择器1、书写格式:.类名{/*声明块*/}类名为class的值2、所有class属性为指定类名的元素,都将应用声明块中的规则eg:<p class="color_blue size"> .color_blue{undefinedcolor: skyblue;}....转载 2022-03-20 14:13:28 · 165 阅读 · 0 评论 -
浅谈HTML中CSS引用:关于选择器
转自:微点阅读https://www.weidianyuedu.com一、元素选择器1、书写格式:标记名{/*生命块*/}2、所有与该标记匹配的元素,都将应用声明块中的规则二、类选择器1、书写格式:.类名{/*声明块*/}类名为class的值2、所有class属性为指定类名的元素,都将应用声明块中的规则eg:<p class="color_blue size"> .color_blue{undefinedcolor: skyblue;}....转载 2022-03-19 15:23:31 · 67 阅读 · 0 评论 -
js如何动态添加css?
转自:微点阅读https://www.weidianyuedu.com为了节省代码和写出更兼容的代码,有时我们需要用Javascript动态的增加CSS样式。IE下,我们可以使用 document.createStyleSheet() 方法;而在非IE浏览器上,就不支持这个方法。可以使用document.styleSheets[0],但要求网页里必须最少已经加载过一个样式表。后来我找到以下方法,可以在Firefox、Opera下正常运行:var str_css = "body {fo..转载 2022-03-19 22:35:21 · 1393 阅读 · 0 评论 -
关于JavaScript+CSS无限极分类代码
转自:微点阅读 https://www.weidianyuedu.coma{undefined}{text-decoration:none;}a,a:visited{undefined}{color:#000;background:inherit;}body{undefined}{margin:0;padding:20px;font:12pxtahoma,宋体,sans-serif;}dt{undefined}{font-size:22px;font-wei...转载 2022-03-14 09:10:38 · 64 阅读 · 0 评论 -
CSS样式的优先级别分析
转自:微点阅读 https://www.weidianyuedu.com优先原则一:文本从上到下,后出现的样式优先于前面出现的同一样式例:<styletype=”text/css”>.def1{background:black;}.def2{background:yellow; }</style><div class=” def2def1″>测试1</div>结果:所有浏览器均yellow色,注意:与class=””引号内的顺序无关,..转载 2022-03-04 12:15:12 · 303 阅读 · 0 评论 -
动态载入CSS
转自:微点阅读https://www.weidianyuedu.com1.通过 文档对象创建 link节点,指定href,然后 appendChild到页面.这种方案大家都用过, 不过,会存在一些问题.什么问题呢?! 跨域案例:FF下打开baidu, Firebug下运行以下代码(没有firebug,就去装一个,挺好用的)程序代码varlink = document.createElement("link");link.rel = "stylesheet";link...转载 2022-03-04 11:49:41 · 164 阅读 · 0 评论 -
css布局:元素居中
转自:微点阅读 https://www.weidianyuedu.com经常碰到有人在问,如何让一个元素上下左右都居中呢?相信大家在面试的时候也会经常碰到这个问题,一下列出来几种方式以供大家参考,如有不足之处,请大家补充问题描述:给定两个元素,这两个元素是父子级关系。并且两个元素的大小都是不确定的,那么这时候如何让子级在父级中上下左右都居中?(暂且设定父级比子级要大一些)第一种:利用定位先上代码及效果: ...转载 2022-03-03 15:08:21 · 55 阅读 · 0 评论 -
CSS基础篇:什么是CSS?
转自:微点阅读 https://www.weidianyuedu.com网海茫茫,怎样使自己的网页成为一道亮丽的风景线让人过目不忘?怎样使自己的网页的风格独特一致?怎样免除众多HTML标志属性设置的烦恼?一口气说这么多,只是想说,CSS---层叠样式单可以助你一臂之力!CSS即Cascading Style Sheet(级联样式单)的缩写,我们又常称这为风格样式单Style Sheet,顾名思义,是用来进行网页风格设计的。比如,我想让我的链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下..转载 2022-03-01 13:15:04 · 53 阅读 · 0 评论 -
CSS通用数据类型
转自:微点阅读https://www.weidianyuedu.comCSS属性的值有许多格式。用户代理(浏览器)在判断一个值是否有效时,需要确认该值是否符合某种特定类型值的格式要求。这些数据格式的类型叫做数据类型,在规范中用<this>的形式标识。CSS有两种数据类型:特定数据类型和通用数据类型。特定数据类型只与一个单独的属性或某一类属性有关联。例如,<transform-function>这一数据类型仅仅只能用作transform属性的值。相反,通用数据类型并..转载 2022-03-01 13:35:45 · 270 阅读 · 0 评论 -
HTML中CSS引用:关于选择器的使用
转自:微点阅读 https://www.weidianyuedu.com一、元素选择器1、书写格式:标记名{/*生命块*/}2、所有与该标记匹配的元素,都将应用声明块中的规则二、类选择器1、书写格式:.类名{/*声明块*/}类名为 class的值2、所有class属性为指定类名的元素,都将应用声明块中的规则eg:<p class="color_blue size"> .color_blue{color: skyblue;}.size{f..转载 2022-02-28 17:31:00 · 541 阅读 · 0 评论 -
JS如何设置CSS样式?
转自:微点阅读 https://www.weidianyuedu.com用JS来动态设置CSS样式,常见的有以下几种1. 直接设置style的属性 某些情况用这个设置 !important值无效如果属性有"-"号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style["text-align"] = "100px";element.style.height = "100px";2. 直接设置属性(只能用于某些属性,相关样式会...转载 2022-02-25 22:41:52 · 1888 阅读 · 0 评论 -
浅谈打印样式CSS的技巧和要点
转自:微点阅读https://www.weidianyuedu.com不经过任何处理而直接打印网站上的页面会得到一个不理想的效果。我们WEB开发人员可以简单采用几个要点来使之达到较为合适的效果:使用响应式布局设置打印的效果在合适的时候打印背景图片和颜色添加显示的网址或页面链接,以供参考使用css filter 提高打印的图形效果针对打印的样式,而不是屏幕显示样式首先,我们需要使用媒体查询(media query)针对打印样式设置。123@media p..转载 2022-02-24 11:29:01 · 168 阅读 · 0 评论 -
css优先级 :ID优先级>class>元素选择器
转自:微点阅读https://www.weidianyuedu.com在面试之前对css优先级的理解是 :ID优先级>class>元素选择器,外联样式优先级低于内联样式,内联样式优先级低于行间样式,然后就没有然后了……,ID选择器的优先级确实>class选择器的优先级>元素选择器的优先级,但是外联样式优先级并不一定低于内联样式优先级。做为一个合格的前端工程师,让我们彻底搞清楚css优先级计算规则吧!特殊性css继承是从一个元素向其后代元素传递属性值所采用的机制。确..转载 2022-02-23 13:40:56 · 1857 阅读 · 0 评论 -
如何使用css美化你的页面?
转自:微点阅读 https://www.weidianyuedu.com相信大家通过上一篇文章的学习已经成功的创建了自己的第一个网页。虽然只有一句话,但这个仍然是一个网页。但是我相信你,一定觉得这个页面不好看,想自己美化一下,今天就可以实现这个愿望,让我们来认识一下CSS。什么是css呢?css是指层叠样式表(CascadingStyleSheets),简单来说就是帮你美化页面的。如上图所示,在head标签下面写一对"style"标签。这个"style"标签就是用来写css样式...转载 2022-02-18 17:34:56 · 1014 阅读 · 0 评论 -
高效编写脚本的技巧分享
转自:微点阅读https://www.weidianyuedu.comShell 脚本编程是在Linux下学习或练习编程的最简单的方式。尤其对运维工程师处理着自动化任务,且要开发新的简单的实用程序或工具等(这里只是仅举几例)更是必备技能。本文中,我们将分享 10 个写出高效可靠的 bash 脚本的实用技巧,它们包括:1脚本中多写注释这是不仅可应用于 shell 脚本程序中,也可用在其他所有类型的编程中的一种推荐做法。在脚本中作注释能帮你或别人翻阅你的脚本时了解脚本的不同部分所...转载 2022-02-16 13:05:16 · 5818 阅读 · 1 评论 -
浅谈HTML中CSS引用
转自:微点阅读https://www.weidianyuedu.com一、元素选择器1、书写格式:标记名{/*生命块*/}2、所有与该标记匹配的元素,都将应用声明块中的规则二、类选择器1、书写格式:.类名{/*声明块*/}类名为 class的值2、所有class属性为指定类名的元素,都将应用声明块中的规则eg:<p class="color_blue size"> .color_blue{undefinedcolor: skyblue;}...转载 2022-02-14 15:50:08 · 49 阅读 · 0 评论 -
CSS语法与技巧。
转自:微点阅读https://www.weidianyuedu.combcredible上列出了不少关于CSS使用语法上的小技巧,还是比较实用的。以前很多东西只知道要这么写,可很少去考虑为什么。看来用CSS能做的事情远远比自己所了解的要多。1. CSS字体定义简写规则一般的写法会是这样:font-weight: bold;font-style: italic;font-varient: small-caps;font-size: 1em;line-height: 1...原创 2022-02-11 18:55:29 · 59 阅读 · 0 评论 -
CSS优先级算法浅谈
转自:微点阅读https://www.weidianyuedu.com在面试之前对css优先级的理解是 :ID优先级>class>元素选择器,外联样式优先级低于内联样式,内联样式优先级低于行间样式,然后就没有然后了……,ID选择器的优先级确实>class选择器的优先级>元素选择器的优先级,但是外联样式优先级并不一定低于内联样式优先级。做为一个合格的前端工程师,让我们彻底搞清楚css优先级计算规则吧!特殊性css继承是从一个元素向其后代元素传递属性值所采用的机制。确..原创 2022-02-11 10:15:48 · 125 阅读 · 0 评论