css框架 | 易学教程

优秀的Web前端CSS框架Bootstrap（一）：简介

阅读更多关于优秀的Web前端CSS框架Bootstrap（一）：简介

（一）Bootstrap简介 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等。 Bootstrap自带了13个jQuery插件，这些插件为Bootstrap中的组件赋予了“生命”。其中包括：模式对话框、标签页、滚动条、弹出框等。官方网址是： http://twitter.github.io/bootstrap/ 最新文件下载： http://twitter.github.io/bootstrap/assets/bootstrap.zip ，下载下来的压缩包中，有一个doc目录，事实上就是官方网站的大部分页面了，是一个很好的范例。后面的文章大部分内容是从官方网站翻译或者网络搜索而来

iphone/ipad前端开发技巧

阅读更多关于 iphone/ipad前端开发技巧

iPad开发的局限性在iPad上使用Safari浏览普通网站网页的时候，网页因为太大而导致需要手动放大缩小或者滑动，虽然这种滑动行为在iPad上市之初的各种宣传中被津津乐道，但时间久了我们还是会发现这样做并不方便，给用户带来的感受并不十分好。不支持Flash 在没有越狱的iPad Safari中，网站的Flash都是无法显示的，但可以通过第三方软件或插件或者浏览器来解决，不过，即使不能显示Flash，你一样能够用HTML5和CSS3实现同样的效果。没有鼠标光标这意味着鼠标属性，例如鼠标悬停属性是不可能有的。你或许可以为这个找到一些变通的办法，但是到你的用户那里这些该如何工作将会是困难的事。滚动条不能按照预期那样起作用滚动条不能显示包含了充满过多分区的内容。框架也存在高度和宽度的问题。另外，滚动过程中需要两个手指的手势。（我们将在下文中进行充分的讨论）不支持CSS固定布局 HTML 元素 position:fixed CSS属性不能正确显示，常常会使得页面停留在第一屏，无法向下翻页、放大缩小。 iPad用户侦测：User Agent(用户代理) 随着移动设备上网的普及，很多网站都会进行客户端浏览器类型侦测，主要是靠User Agent来进行识别，如果侦测到是手机浏览则可能重定向，让用户浏览移动设备专用版本。以往我们所指的移动设备，主要是手机等终端，现在

jquery常用的插件1000收集

阅读更多关于 jquery常用的插件1000收集

花N长时间积累的Jquery插件，希望大家喜欢。大家还有什么新的插件，请留言，我们一并收录。感谢大家的支持。 1. accordion类基于jQuery开发，非常简单的水平方向折叠控件。 Horizontal accordion: jQuery 热点图书：www.hotbook.cn jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion。 jQuery-Horizontal Accordion jQuery plugin: Accordion 用于创建折叠菜单的jQuery插件。 jQuery plugin: Accordion 热点图书：www.hotbook.cn Accordion Menu script 基于 jQuery开发的可折叠菜单。 Accordion Menu script 热点图书：www.hotbook.cn jQuery.combobox jQuery.combobox 是一个采用jQuery开发的combobox控件，可以使用CSS控制该combobox的外观，可以设置各种不同风格的下拉动画效果。 jQuery.combobox 热点图书：www.hotbook.cn 2. AutoComplete jQuery插件易于集成到现在的表单中(Form)。 AutoComplete

.NET Core MVC 静态文件应用

阅读更多关于 .NET Core MVC 静态文件应用

一、静态文件应用方面　　ASP.NET Core 静态文件应用，主要分为两方面：网站访问和静态文件整合二、案例 1、访问静态文件　　我们都知道，在 ASP.NET 项目中，我们的静态文件一般要放在 wwwroot（项目默认），比如 CSS、JS、HTML、IMG、PNG 等等。如果在 wwwroot 文件目录下放一张图片，启动程序是不能直接访问的。我们需要在 Startup.css 启动程序中，添加一个静态访问的中间建 UseStaticFiles() 即可。实例如下如所示然后我们就可以在浏览器中访问到我们的静态文件了。 2、修改默认wwwroot目录　　在项目中，如果习惯其他原因，我们想不叫 wwwroot ，我们是可以改为其他的名称。如我们现在就该为 public。我们只需要在 Program.css 的 CreateHostBuilder() 中添加 UseContentRoot("public") 即可。实例如下如果你没有 public 这个根目录，你启动程序就会报错，因为你已经改了目录名称。 3、使用包管理器（libman）管理　　libman 主要是为了管理我们的CSS、JS，比如我们的j query.js、bootstrap框架等等的前端工具。那么如何添加呢，我们需要在 wwwroot右键菜单-》添加-》客户端在弹出的 “

常见前端面试题之HTML/CSS部分

阅读更多关于常见前端面试题之HTML/CSS部分

Doctype是什么？如何触发严格模式与混杂模式模式？区分它们有何意义？ Doctype是document type（文档类型）的简写，是用来说明所用的XHTML或HTML是什么版本的。XHTML1.0 提供了三种DTD声明可供选择，分别是：　　1、过渡的(Transitional，也叫混杂模式)：要求比较宽松，允许继续使用HTML4.01的标识，完整声明为 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tranisitional.dtd"> 2、严格的(Strict)：要求严格的DTD，不能使用任何表现层的标识和属性，完整声明为 <!DOCTYPE html PUBLIC "-W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3、框架的(Frameset)：专门针对框架页面设计使用的DTD，如果页面中包含有框架，可以采用DTD，完整声明为 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR

前端—CSS层叠样式表

阅读更多关于前端—CSS层叠样式表

文章目录 CSS介绍基本语法 CSS页面引入常用CSS样式基本选择器盒子模型 CSS浮动典型布局案例 CSS介绍 1、定义 CSS指层叠样式表（Cascading Style Sheets）如何显示控制HTML元素，从而实现美化HTML网页. 通俗来说，指样式与页面结构分开，代码更简洁 2、优势为了让页面元素的样式更加丰富，也为了让页面的内容和样式能拆分开，CSS由此诞生、有了CSS，HTML中大部分表现样式的标签就废弃不用了，HTML只负责文档的结构和内容，表现形式完全交给CSS，因此HTML文档会变得更加简洁基本语法格式：选择器{属性：值；属性：值；属性：值;…} CSS页面引入方法一：内联式通过标签的style属性，在标签上直接写样式方法二：嵌入式通过style标签，在网页上创建嵌入的样式表，比较常用。写在head里方法三：外联式：样式表中只要样式通过link标签，链接到外部样式表到页面中，最常用。写在head里样式表位置建议写相对路径，CSS样式文件建议直接存到CSS目录中，创建一个CSS目录，再在里面创建一个main.css文件，用来编辑样式代码。 # HTML框架： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title<

Web前端开发标准规范总结

阅读更多关于 Web前端开发标准规范总结

Web前端作为开发团队中不可或缺的一部分，需要按照相关规定进行合理编写（一部分不良习惯可能给自己和他人造成不必要的麻烦）。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。备注：实际开发请以本公司的规范为标准。 A.基本原则符合web标准（UTF-8，HTML5），语义化html（HTML5新增要求，减少div和span等无特定语义的标签使用），结构表现行为分离（HTML-CSS-JS代码分离，不同行为代码高内聚低耦合），兼容性优良（早期版本浏览器兼容，移动端和PC端设备兼容）.页面性能方面（减少请求次数，例如使用精灵图和sass语法），代码要求简洁明了有序，尽可能的减小服务器负载，保证最快的解析速度（减小repaint和reflow）. B.文件命名规范 1、html，css，js，lib，images文件均存放至项目的目录中。如果使用相关前端框架，根据框架的文件格式进行合理布局。 2、所有文件夹及文件使用英文命名（避免使用中文路径）。 3、html文件：入口文件使用index.html。如果有对应的设计组设计原稿，需要将对应的设计稿和html文件命名一致并合理存放。 4、css文件命名：后缀.css。通用initial.css，初始化base.css，首页index.css，其他页面按照对应的html命名。 5、Js文件命名：英文命名

css经典布局——头尾固定高度中间高度自适应布局

阅读更多关于 css经典布局——头尾固定高度中间高度自适应布局

转载：穆乙 http://www.cnblogs.com/pigtail/ 相信做过后台管理界面的同学，都非常清楚这个布局。最直观的方式是框架这个我不想多写费话，因为我们的重心不在这里。如果有不了解的同学可以百度、google。这里我不得不吐下槽！！百度实在让我这个“粉丝”失望。就目前情况来说，百度已经完全轮为“有钱人排行榜”！再也不顾及用户的搜索需求了，因为主导地位实在是：不可撼动！不相信的同学，可以亲身对比下B vs G的搜索结果。别告诉我google如何强大！！很久以前，百度的搜索结果更符合目标，因为他更了解中国人的习惯，这是不可争议，现在情况已经完全相反！虽然google经常是六脉神剑，但我更欣赏它的搜索结果。吐槽打住!!! 现在开始正式谈论这个经典布局 —— 头尾固定高度中间高度自适应布局下面说下要求： 1 头部固定高度，宽度100%自适应父容器； 2 底部固定高度，宽度100%自适应父容器； 3 中间是主体部分，自动填满，浏览器可视区域剩余部分，内容超出则中间部分出现流动条； 4 整个内容填满浏览器可视区域，并且不超出此区域！先看下效果图：相信，做过两年前端的同学，拿到这个需求，都有一个感觉——这挺简单的！是的，本来就挺简单！方法一：position:absolute定位，不设高，并改变"包含块"的尺寸渲染从我脑海崩出来的第一个念头就是定位布局—

2020 前端必看 20个最好的前端 Web开发工具

阅读更多关于 2020 前端必看 20个最好的前端 Web开发工具

引言市面上有许多前端开发工具可以加速 Web 开发工作。本文是对一些顶级 Web 开发工具的一次精选汇总，分别介绍了每款工具的关键特性，并已附上下载链接。 1. Novi Builder Novi Builder 是一个拖放式构建器，它对于经验丰富的 Web 开发人员而言是一个不错的选择。它为开发人员提供了访问源代码的权限，并允许开发人员在 Web 设计中进行多项更改。你能用它完全控制你的 Web 项目，并且可以充分利用它的各项功能。尽管这款工具对于初学者来说可能很难入门，但在它的众多优势面前这一不足也就不值一提了。特性：高级代码编辑器附加应用集成多种预制主题拖放界面电商功能支持预览工具下载链接： https://novibuilder.com/ 2. ONE Subscription ONE Subscription 是一款很有用的 Web 开发工具包，包含了众多高质量的数字产品。它提供了大批高品质的部件，可以打造出功能完善的博客、在线商店、登录页面等各种网站。总的来说，它能为你提供数以千计的主题和模板、多种插件和图形元素、附加服务以及其他许多好处。特性：对所有部件提供专业支持定期更新安全性（如果你订阅后尚未从数据库中下载任何内容，则可以在订阅开始后的 14 天内轻松取消订阅）无使用限制的年度许可证很多有用的服务（例如模板定制或安装）下载链接：

jquery知识点复习

阅读更多关于 jquery知识点复习

一、基本概念 jQuery 简介 jQuery 是一个基于 javascript 的框架。它提供了丰富的选择器和大量的函数，可以方便的实现网页中各种动态的效果。迄今为止，已经有大量的 jquery 插件和基于 jQuery 的 UI 框架（ miniui 、 easyui 、 ligerui ）。 jQuery 的宗旨是： write less,do more! 文档加载完毕函数常规形式：$(document).ready(function(){… …}); 简写形式：$(function(){… …}); jquery 对象和 js 对象的相互转化 jquery 对象不等同于 js 对象 ! js 对象的属性和方法 ,jquery 对象不能调用；jquery 对象的属性和方法， js 对象也不能调用。 js转jquery ： $(js 对象 ) jquery转js ： $( “#box1”).get(0) 或者 $(“.box”)[0] 二、选择器 jquery 的基石就是选择， jquery 提供了大量的选择器。建议在不同的业务场景下使用不同的选择器。注意：通过任何一个选择器筛选到的结果都是一个数组，所以要判断通过选择器是否筛选到了元素，可以通过 length 属性进行判断。基本选择器 n ID 选择器 $(“#ID 值 ”) 例如： $( “#txt1”) n

订阅 css框架