web前端js css_51CTO博客

WEB前端优化CSS,JS,图片

做网站优化的运维都知道，为了提高网站的访问速度，一般会开启Apache/Nginx gzip功能，将文件压缩，但是这个压缩与我要说的压缩不在一个层面。网上也提供一些在线css、js文件压缩功能。今天介绍一款linux工具来实现这个功能安装JAVAYUI Compressor由java开发，所有我们必须先有java环境。一般系统都会自带java，如果没带，那么yum安装一个openjava #&nb

css

图片压缩

js压缩

原创

caijyi1

2016-04-07 23:51:57

955阅读

web前端-css

1.1CSS 链接的四种状态：a:link --普通的、未被访问的链接 a:visited --用户已访问的链接 a:hover --鼠标指针位于链接的上方 a:active --链接被点击的时刻这里我们需要注意的是这四个属性设置要遵循的顺序问题： a:hover 必须位于 a:link 和 a:visited 之后 a:active 必须位于 a:hover 之后我们要在 link 属性中加入

css

原创

国王很忙

2015-07-15 17:43:23

379阅读

web前端之css

一、介绍CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。二、语法每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束三、CSS的几种引入方式1、行内样式行内式是在标记的style属性中设定CSS样式。<p style="color:

css

web

原创

宋鹏超

2018-03-15 09:10:44

978阅读

1点赞

1评论

Web前端笔记 -- CSS①

文章目录CSS简介HTML的局限性CSS-网页的美

css

前端

html

选择器

原创

十八岁讨厌编程

2022-08-05 21:06:37

250阅读

Web前端——CSS语法

一. CSS语法1. CSS注释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" co</title> <style> /*

css

选择器

html

属性值

原创

叮

2022-12-26 19:58:07

755阅读

【Web前端】CSS溢出

在网页设计中，“溢出”是一个常见且重要的概念。它涉及到如何处理那些超出预定范围的内容，以确保网页的布局和视觉效果达到预期。

html

css

web

前端

css3

原创精选

一条晒干的咸魚

2024-08-27 09:12:33

392阅读

1点赞

Web前端笔记 -- CSS③

文章目录CSS 的三大特性层叠性继承性优先级CSS的注释CSS层叠性相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题。

css

前端

css3

外边距

选择器

原创

十八岁讨厌编程

2022-08-05 21:05:50

171阅读

Web前端笔记 -- CSS②

文章目录CSS 的复合选择器什么是复合选择器后代选择器子选

css

前端

css3

选择器

行内元素

原创

十八岁讨厌编程

2022-08-05 21:06:27

209阅读

Web前端——CSS布局

一. 文档流（normal flow）网页是一个多层的结构，一层叠着一层通过CSS可以分别为每一层设置样式作为用户来讲只

web

外边距

属性值

内边距

原创

叮

2022-12-26 19:55:00

406阅读

Web前端——CSS结构

一. CSS定义网页分为三个部分结构（HTML）表现（CSS）行为（JavaScript）1. CSS层叠样式表网页实际上是一个多层的结构，通过CSS可以为网页的每一层来设置

css

CSS

HTML

html

原创

叮

2022-12-26 19:57:47

154阅读

Web前端-CSS篇

Web前端-CSS篇学习CSS之后，感觉对Web前端又有了更深一步的理解。学习总结了许久，总算把学习笔记写完了，顿觉一阵轻松！！学习过程中，虽然有些枯燥，但最终的收获却很多很多。下面便是我的CSS的学习笔记，自我认为还行~~一、CSS定义和三种用法1、CSS:层叠样式表负责页面内容的样式标签的属性产生的问题：浏览器麻烦，需要改很多对开发人员：复杂，难维护解决方法：通过标...

Web

选择器

css

内部样式

伪元素

原创

Qwzf

2021-09-14 17:27:01

256阅读

12点赞

3评论

对前端web js，css文件进行压缩混淆

下载yuicompressorjar包到本地路径写一个批处理脚本compressJs.bat，将要压缩的js文件放在批处理文件的同一路径，yuicompressor.jar也放在同一路径运行批处理文件，在该路径下会生成一个min文件夹，里面的*.min.jar就是压缩混淆后的js文件css文件同上操作一下是批处理脚本的内容：echooffsetPathName=%cd%setminPath=%Pa

js

css

压缩

混淆

原创

Serena1314168

2018-04-09 13:20:59

2996阅读

2点赞

3评论

web前端技能方法总结（css、js、jquery、html）

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

Text

CSS

ci

原创

wangzehang

2023-09-08 11:27:35

86阅读

css3前端架构 web前端css框架

CSS框架提供了设计一致解决方案的基本结构，以解决前端web开发中的常见问题。它们提供了通用功能，可以针对特定场景和应用程序进行覆盖。这大大减少了开始创建应用程序和网站所需的时间。Bootstrap最流行的前端框架之一，当然是Bootstrap。虽然它是为内部团队开发的一种工具，但一旦发布，它的采用率就大大提高了。它为常见的UI组件（如按钮、排版、表单、下拉列表、警报、选项卡、旋转木马）以及可选的

css3前端架构

UI

Bootstrap

前端框架

转载

互联网小思悟

2023-07-25 17:16:25

9阅读

前端css架构 web前端开发css样式笔记

CSS1、浮动1.1 网页布局的方式1.2 浮动1.3 浮动的特性2、清除浮动3、CSS书写顺序4、定位4.1 静态定位4.2 相对定位4.3 绝对定位4.4 固定定位4.5 粘性定位4.6 定位的叠放顺序5、定位的拓展5.1 绝对定位的盒子居中算法5.2 定位的特殊特性5.3 元素显示与隐藏 1、浮动1.1 网页布局的方式（1）标准流标准流：标签按照规定好的默认方式排列①块级元素独占一行，从上

前端css架构

css

前端

绝对定位

选择器

转载

墨韵流香

2023-06-16 22:08:46

72阅读

6. web前端开发分享-css,js移动篇

随着移动市场的逐步扩大及相关技术的日趋完善，对前端开发提出了新的岗位要求，在继承前人成果的基础上需要在新的历史条件下有新的创新。移动端的开发，虽然没有IE6众多问题的折磨，但是多平台，多设备的兼容，也是如恶梦般存在。不过话说回来，着重还是考验基础的css 2.x的功底，只要基础扎实了，应付移动端的兼...

html5

移动端

github

css3

前端开发

原创

jikeytang

2014-03-29 12:50:00

69阅读

web前端技能方法总结（css、js、jquery、html）（5）

index 首页base 里面写清除默认样式的text-indent：em 首行缩进（LOGO名字）以后logo 必须用H1引背景图片里面写上字position：relative|absolute|fixed 定位relative 相对定位absolute 绝对定位fixed 固定定位Left/top/right/bottom 定位的偏移量z-index 改变标签z轴堆叠顺序opacity 透

HTML

ci

十六进制

原创

wangzehang

2023-09-13 09:29:21

62阅读

web前端技能方法总结（css、js、jquery、html）（6）

post 相对安全 get 不安全 input 表单单标签 type="text" 账号/文本 type="password" 密码 type="submit" 提交 type="button" 只是一个点击按钮 type="radio" 单选框 label双标签选项内容 type="checkbox" 复选框 label双标签选项内容 value="提示如请输入密码" placehol

搜索引擎

HTML

属性值

原创

wangzehang

2023-09-14 10:22:07

71阅读

web前端技能方法总结（css、js、jquery、html）（7）

table{ border-collapse:collapse;} 让border合并tr加colspan="3" 横向合并rowspan="3" 纵向合并align 左右对齐方式 middle（左）left center rightvalign 上下对齐方式 top center bottomcellspacing="0" 清除外面的边距cellpadding="0" 清楚里面的边距表身表头表低

ci

属性值

常用属性

原创

wangzehang

2023-09-18 09:31:00

60阅读

web前端技能方法总结（css、js、jquery、html）（3）

HTML（HyperText Markup Language）就是超文本标记语言。"超文本"就是表示页面内可以包含非文字元素，如：图片、链接、音乐等等。它是一种建立网页文件的语言，通过标记式的指令（Tag），将影像、声音、图片、文字等链接显示出来。这种标记性语言是因特网上网页的主要语言。HTML 网页文件可以使用记事本、写字板、HBuilder、Sublime 等编辑工具来编写，以 .htm 或

HTML

标记语言

超文本

原创

wangzehang

2023-09-11 09:33:34

47阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

web前端js css

WEB前端优化CSS,JS,图片

web前端-css

web前端之css

Web前端笔记 -- CSS①

Web前端——CSS语法

【Web前端】CSS溢出

Web前端笔记 -- CSS③

Web前端笔记 -- CSS②

Web前端——CSS布局

Web前端——CSS结构

Web前端-CSS篇

对前端web js，css文件进行压缩混淆

web前端技能方法总结（css、js、jquery、html）

css3前端架构 web前端css框架

前端css架构 web前端开发css样式笔记

6. web前端开发分享-css,js移动篇

web前端技能方法总结（css、js、jquery、html）（5）

web前端技能方法总结（css、js、jquery、html）（6）

web前端技能方法总结（css、js、jquery、html）（7）

web前端技能方法总结（css、js、jquery、html）（3）

web前端技能方法总结（css、js、jquery、html）（4）

web前端技能方法总结（css、js、jquery、html）（2）

Web前端——CSS基础样式

【Web前端】了解CSS布局

web前端的css示例

web前端技术——HTML、CSS

Bootstrap（Web前端CSS框架）

web前端-css边框（border）

【Web前端】HTML样式“CSS”

【Web前端】CSS”叠叠乐“