HTML css js jq 的概念以及优点

2024-11-02

HTML、CSS、JS、JQ速查笔记

一.HTML 1.编写html文件 a.格式 <!DOCTYPE html> <html> <head> <title>标题</title> </head> <body>  </body></html> b.注释  2.标签分类 a.自闭合标签 <meta charset="UTF-8">

移动端手机 1.点击图片或按钮,选中状态影响到其他范围解决:html{-webkit-user-select:none}<meta name="msapplication-tap-highlight" content="no" /> 2.禁止长按 a,img 标签长按出现菜单栏a, img { -webkit-touch-callout: none; /*禁止长按链接与图片弹出菜单*/} 3.去掉 a,input 在移动端浏览器中的默认样式(半透明灰色

整理前端css/js/jq常见问题及解决方法（1）

1. 兼容ie8圆角的解决方法:下载ie-css3.htc文件在css中加入behavior:url(ie-css3.htc);z-index:3; position:relative 即可 2. 去掉文本框的右下角:resize:none; 3. html5新属性:hidden 对于不支持html5的浏览器,加上*[hidden]{display:none;} 4. div><p>这只铅笔5元</p></div>outerHTML:包含整个标签,不仅限于标签内部

整理前端css/js/jq常见问题及解决方法（3）

jq: 1.prepend(参数);//将参数内容前置再某元素内部; eg: <div id="div1">奇妙能力歌</div> $("#div1").prepend("<a href='#'>陈粒</a>"); //得出结果:<div id="div1"><a href='#'>陈粒</a>奇妙能力歌</div> 2. oute

HTML,DIV+CSS,js,JQ,UI-WEB前端设计经验

目前比较全的CSS重设(reset)方法总结在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键.在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的视觉效果(没有兼容性问题).但是,我们并没有生活在这个完美的世界,现实中发生的失窃却总是恰恰相反,很多CSS样式在不同的浏览器中有着不同的解释和呈现. 当今流行的浏览器(如:Firefox.Opera.Internet Explorer.Chrome.

一个小公司的前端笔试HTML CSS JS

网上有这套题的答案,版本也很多,我做了很多参考.本文就当个小笔记,可能有错误,还望指正~ 第1章 Html篇 1. 你做的网页在哪些浏览器测试过?这些浏览器的内核分别是什么? 浏览器类型内核 Firefox Gecko 搜狗.谷歌chrome WebKit 360 Chromium+Trident 2.每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transiti

HTML/CSS/JS编码规范

最近整理了一份HTML/CSS/JS编码规范,供大家参考.目录:一.HTML编码规范二.CSS编码规范三.JS编码规范一.HTML编码规范 1. img标签要写alt属性根据W3C标准,img标签要写alt属性,如果没有就写一个空的.但是一般要写一个有内容的,根据图片想要表达的意思,因为alt是在图片无法加载时显示的文字.如下不太好的写法: <img src="company-logo.svg" alt="ABC Company Logo"> 更好的

前端工程师面试问题归纳（一、问答类html/css/js基础）

一.参考资源 1.前端面试题及答案整理(一) 2.2017年前端面试题整理汇总100题 3.2018最新Web前端经典面试试题及答案 4.[javascript常见面试题]常见前端面试题及答案 5.Web前端常见面试题及答案 6.常见前端面试题及答案(上) 7.web前端面试题及答案 8.web前端经典面试题 9.javascript之面试题精讲二.面试题汇总网上搜到一大堆面试题,重复的不少,全部归纳一下,也加上自己的理解 (一).问答类(html/css/js基础) 1. JavaScri

前端小白页面开发注意事项及小工具（html\css\js）

技术一直在向前发展.但是有一些是相通的,要找准重点,将80%的时间放在提升基础问题上,余下的20%再去学习框架,库和工具. HTML 1. HTML 属性应当按照以下给出的顺序依次排列,确保代码的易读性 class id, name data-* src, for, type, href, value title, alt role, aria-* 说明:class 用于标识高度可复用组件,因此应该排在首位.id 用于标识具体组件,应当谨慎使用(例如,页面内的书签),因此排在第二位. 标签超链

#3使用html+css+js制作网页制作登录网页

#3使用html+css+js制作网页制作登录网页本系列链接 2制作登录网页 2.1 准备 2.1.1 创建文件夹 2.1.2 创建主文件 2.2 html部分 2.2.1 网站信息 2.2.2 主要框架 2.2.3 给每个元素添加ID 2.3 css部分 2.3.1 创建主css文件 2.3.2 引入css文件 2.3.3 美化页面 Step1 垂直居中 Step2 与页面上方距离 Step3 添加圆角边框 Step4 添加标题 2.3.4 美化组件 BUTTON INPUT 2.4回顾

JS+JQ手风琴效果

最新在学习JS写一些实用的小玩意——手风琴 CSS样式: <style type="text/css"> * { margin: 0px; border: 0px; padding: 0px; } .leftli { float: left; width: 200px; background: #3D4444; } ul li { display: block; line-height: 25px; width: 200px; height: 25px; list-styl

css,js工具篇

4. web前端开发分享-css,js工具篇 web前端开发乃及其它的相关开发,推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于,有个技术叫emmet, http://docs.emmet.io,而这两个对他的支持是: sublime text 是所有编辑器里边支持emmet比较好的的唯一一款. webstorm是所有编辑器里边唯一内置emmet的一款,并且将emmet的精神往前推动的一款. 一. css工具: 1. emmet http:/

C# 封装miniblink 使用HTML/CSS/JS来构建.Net 应用程序界面和简易浏览器

MiniBlink的作者是龙泉寺扫地僧 miniblink是什么? (抄了一下龙泉寺扫地僧写的简洁) Miniblink是一个全新的.追求极致小巧的浏览器内核项目,其基于chromium最新版内核,去除了chromium所有多余的部件,只保留最基本的排版引擎blink.Miniblink保持了10M左右的极简大小,是所有同类产品最小的体积,同时支持windows xp.npapi. 为什么要做miniblink? 市面上作为嵌入的组件的可用的浏览器内核,不外乎这几个:webkit.ce

asp.net MVC发布iis无法加载css,js和图片

今天真够郁闷的,遇到了在本地能运行的项目到了iis服务器那里就不行了,无法加载css,js和图片,这里说清楚一下先,关于asp.net 的MVC中这样的情况其实不少,但是之前遇到的是在visual studio运行的时候就已经不能加载css和js文件,那种情况一般都是路径的问题,改下页面代码就行,网上教程不少,而这个其实是一个CMS的开源系统.Orchard,国庆实在无聊,就想玩下这个asp.net MVC框架的CMS,而且是微软推荐的开源CMS,提到了就来说说这个吧,和国内的其他CMS对比起来

从零开始学JAVA(08)-使用SpringMVC4 Restful 风格引用静态文件 css/js/png

在写完helloworld后想给网页加点样式(*.css),结果怎么也显示不了,百度了很多种方法后试行尝试,试验成功并记录下来,方便以后查看. 时隔两年,继续学习JAVA,太久没学了,忘记得差不多,还好以前写的helloworld,还能用. 一.关于开发环境 eclipse-jee-neon-1a-win32 Jdk 1.8u112 (32位版本) SpringMVC 4.3.4.RELEASE apache-tomcat-8.5.8 二.helloworld.jsp文件中的引用的样式表为 st

#3使用html+css+js制作网页番外篇使用python flask 框架 (II)

#3使用html+css+js制作网页番外篇使用python flask 框架 II第二部 0. 本系列教程 1. 登录功能准备 a.python中操控mysql b. 安装数据库 c.安装mysqlclient python库 d.mysql语句教程 e.mysql 创建数据表 1.登录mysql 2.进入`web`库 3.创建数据表 2.前端登录页面 b.目录 a.代码 4.后端 5.运行 0. 本系列教程 #1使用html+css+js制作网站教程准备 #2使用html+css+js

#3使用html+css+js制作网页番外篇使用python flask 框架 (I)

#3使用html+css+js制作网页番外篇使用python flask 框架(I 第一部) 0. 本系列教程 1. 准备 a.python b. flask c. flask 环境安装 d. flask 基本文件结构 2. 后端实现 a. flask 基本框架 b. flask 显示前端页面 c. flask 给前端传值 d. flask 接收前端传值 3. 前端实现 a. 分层 b. 接收参数 c. 前端给后端传参 d. 登录页面前端 4. 前端+后端的简单组合 0. 本系列教程 #1使

#1使用html+css+js制作网站教程准备

#1使用html+css+js制作网站教程准备本系列链接 0 准备 0.1 IDE编辑软件 0.2 浏览器 0.3 基础概念 0.3.1 html 0.3.2 css 0.3.3 js 0.4 文件结构 0.5 附加本系列链接 #1使用html+css+js制作网站教程准备 #2使用html+css+js制作网站教程测试 #3使用html+css+js制作网页制作登录网页 #3使用html+css+js制作网页番外篇制作接收php #3使用html+css+js制作网页番外篇

CSS & JS 制作滚动幻灯片

==================纯CSS方式==================== <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { padding: 0px; margin: 0px; } .show-box { height: 80

【转】Maven Jetty 插件的问题（css/js等目录死锁）的解决

Maven Jetty 插件的问题(css/js等目录死锁,不能自动刷新)的解决: 1. 打开下面的目录:C:\Users\用户名\.m2\repository\org\eclipse\jetty\jetty-webapp\, 在进入版本对应的子目录,例如8.1.3.v20120416\: 2. 打开jetty-webapp-8.1.3.v20120416.jar,进入org/eclispe/jetty/webapp/,将webdefault.xml复制出来: 3. 编辑we

Css Js Loader For Zencart

Css Js Loader 描述:这个插件很早就出来了,可能知道人非常少这个插件的功能是整合所有的网站的CSS和JS内容到一个文件里边. 因为CSS和JS文件到了一个文件,加快了程序的运行在配合其他的优化手段,可以让你的ZENCART网站打开速度提升到另一个层次