首页 > 其他分享 >web前端技能方法总结(css、js、jquery、html)

web前端技能方法总结(css、js、jquery、html)

时间:2023-09-08 11:31:48浏览次数:40  
标签:jquery web font color js 字体 background 文本 链接

CSS设置背景(background)
背景颜色 background-color
背景图片 background-image
背景重复 background-repeat:repeat-x/repeat-y
背景位置 background-position:bottom/left/top/right/center
背景关联 background-attachment:fixed/scroll

综合写法:
.tagName{background:#ffffff url(“aa.jpg”) no-repeat right left;}

CSS设置文本格式
通过文本属性,您可以改变文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进,等等。

文本缩进 :Text-indent:2em
文本对齐方式:Text-align:left/right/center/ justify
文本修饰:Text-decoration:underline/line-through/overline/none
字符间距:Word-spacing:px/em 英文单词之间的间隔;
Letter-spacing:px/em汉字和英文字母之间的间隔;
文本转换:Text-transform:uppercase/lowercase/ capitalize
行与行间距:Line-height:px/%
垂直对齐图像: vertical-align:text-top/text-bottom
文本阴影:text-shadow:水平偏移,垂直偏移 颜色
字体
字体类型:font-family:”sans-serif”;
字体样式:font-style:normal ;
字体大小:font-size:20px/3.75em/100%;默认大小为16px,字体为宋体
字体加粗:font-weight:normal;
字体的转变:font-variant:normal/smallcaps;
CSS链接
链接的四种状态

a:link {color:#FF0000;} / 未被访问的链接 /
a:visited {color:#00FF00;} / 已被访问的链接 /
a:hover {color:#FF00FF;} / 鼠标指针移动到链接上 /
a:active {color:#0000FF;} / 正在被点击的链接 /
【注意】当为链接的不同状态设置样式时,请按照以下次序规则:
a:hover 必须位于 a:link 和 a:visited 之后a:active 必须位于 a:hover 之后

标签:jquery,web,font,color,js,字体,background,文本,链接
From: https://blog.51cto.com/u_11995562/7408105

相关文章

  • js中监听到浏览器标签页的新增、切换等变化
    在JavaScript中,可以使用visibilitychange事件来监听浏览器标签页的新增、切换等变化。这个事件会在页面的可见性状态发生变化时触发。下面是一个示例代码,展示如何使用visibilitychange事件来监听标签页的变化:document.addEventListener('visibilitychange',function(){......
  • 谈谈JSF业务线程池的大小配置
    1.简介JSF业务线程池使用JDK的线程池技术,缺省情况下采用Cached模式(核心线程数20,最大线程数200)。此外,还提供了Fixed固定线程大小的模式,两种模式均可设置请求队列大小。本文旨在通过一个简化场景(“单服务应用”)下的负载测试,为“JSF业务线程池大小配置”提供基准测试结果,并形成一些......
  • Websocket 全双工通信的协议
    Websocket介绍WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocketAPI中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。Websocket特点1、较少的控制开销。在连接创建后,服务器......
  • JS基本遍历方法
    for这大概是应用最广的循环语句了吧,简单实用,且大多数时候性能还是在线的,唯一的缺点大概就是太普通,没有特色,导致很多人现在不愿用它。constarray=[4,7,9,2,6];for(constindex=0;index<array.length;index++){constelement=array[index];console.log......
  • 那些大家都知道的js加密技术
    引言:随着现代网络应用的迅速发展,数据安全成为了一项至关重要的任务。JavaScript作为前端开发的主要语言之一,在保护用户数据和隐私方面扮演了重要的角色。本文将介绍JavaScript中常用的加密和解密技术栈,探讨它们的优缺点,并提供代码案例来帮助您更好地理解这些技术。一些常用的基础......
  • GeoServe Web 管理界面 远程访问
    前言GeoServer是OGCWeb服务器规范的J2EE实现,利用GeoServer可以方便地发布地图数据,允许用户对要素数据进行更新、删除、插入操作,通过GeoServer可以比较容易地在用户之间迅速共享空间地理信息。另外,GeoServer是开源软件。下面介绍GeoServerwebui管理界面结合cpolar内网穿透工......
  • VueJS 处理表单组件上 api 调用的错误
    问题出在可组合项中对errors的处理上。在register函数中,你将errors重新赋值为空对象{},而应该将其赋值给errors.value来保持响应式。修改useAuth可组合项的代码如下:exportdefaultfunctionuseAuth(){leterrors=ref({});constregister=(request)=>{errors.val......
  • 【JS】实现 MaxQueue
    classMaxQueue{constructor(){this.queue=[]this.max=[]}enqueue(el){this.queue.push(el)while(this.max.length&&this.max[this.max.length-1]<el){this.max.pop()}......
  • 基于web的宿舍管理系统-计算机毕业设计源码+LW文档
    一、研究的背景意义高校作为教书育人的场所,利用信息技术改变落后的教育方式是很有必要的事情。基于web的宿舍管理系统可以解决目前高校高校宿舍管理的问题,提高教师工作效率,快速的完成高校高校宿舍管理相关事宜,及时发布宿舍信息,使得学生可以第一时间查询到自己的宿舍信息。学生宿舍......
  • 【web自动化测试】入门篇 01—— 框架介绍
    一、目的web自动化测试作为软件自动化测试领域中绕不过去的一个“香饽饽”,通常都会作为广大测试从业者的首选学习对象,相较于C/S架构的自动化来说,B/S有着其无法忽视的诸多优势,从行业发展趋、研发模式特点、测试工具支持,其整体的完整生态已经远远超过了C/S架构方面的测试价值。那么......