css框架 | 易学教程

Css样式技巧：常用的选择器和通用选择器

阅读更多关于 Css样式技巧：常用的选择器和通用选择器

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 有效且结构良好的文档为你要应用的样式提供了一个框架。要想使用 CSS 将样式应用于特定的 HTML 少已素，需要想办法找到这个元素口在 CsS 中，执行这一任务的样式规则部分称为选择器。 ◇ 常用选择器：最常用的选择器类型是类型选择器和后代选择器，类型选择器用来寻找特定类型的元素，比如段落或标题元素，只需指定希望应用样式的元素的名称，类型选择器有时候也称为元素选择器或简单选择器。后代选择器可用来寻找特定元素或元素组的后代。后代选择器由其他两个选择器之间的空格表示。在这个示例中，只缩进是块引用的后代的段落元素，其他所有段落不受影响。这两种选择器适合于应用那些应用范围广的一般性样式。要想寻找更特定的元素，可以使用 ID 选择器和类选择器口顾名思义，这两种选择器用于寻找那些具有指定 ID 或类名的元素。 ID 选择器由一个 # 字符表示，类选择器由一个点号表示。下面示例中的第一条规则使简介段落中的文本以粗体械示，第二条规则让日期显示为绿色 : 前面提到过，许多 CSS 开发人员过度依赖类选择器和皿选择器。如果他们希望以一种方式对主内容区域中的标题应用样式，而在第二个内容区域中采用另一种方式，那么他们很可能创建两个类并几在每个标题上应用一个类，一种简单得多的方法是结合使用类型、后代、 D 和类这几种选择器：

UEditor 使用

阅读更多关于 UEditor 使用

一. https://ueditor.baidu.com/website/download.html#ueditor 进入官网下载完整版源码二. 安装nodejs apt-get install nodejs node -v //检查是否安装好nodejs 三. 在webapp 目录新建ueditor 文件夹四. 在udditor 文件上右键->import->导入ueditor的源文件里的jsp目录的所有文件五. 导入ueditor java源码到src目录六.pom.xml添加依赖  <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.1</version> </dependency> <dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.4</version> </dependency> <dependency> <groupId>commons-codec</groupId> <artifactId>commons-codec<

jQuery基础

阅读更多关于 jQuery基础

1-1 环境搭建搭建一个jQuery的开发环境非常方便，可以通过下列几个步骤进行。下载jQuery文件库在jQuery的官方网站（http://jquery.com）中，下载最新版本的jQuery文件库。在网站中找到最新版本文件的下载按钮，将jQuery框架文件下载到本地即可，本教案使用的版本为稳定版：1.9.0版。引入jQuery文件库下载完jQuery框架文件后，并不需要任何的安装，仅需要使用<script>文件导入标记，将jQuery框架文件导入页面中即可，假设该文件下载后保存在项目文件夹Jscript中，那么，在页面的<head></head>中加入如下代码： <script language="javascript" type="text/javascript" src="1.9.0/jquery.js"></script> 在页面的头部分，加入上述代码后，便完成了jQuery框架开发环境的搭建，就可以开始我们的jQuery学习了。任务我来试试: 点击页面中的按钮，你可以让隐藏的DIV显示出来。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>初识jQuery</title> 5 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text

flask模板应用-加载静态文件：添加Favicon，使用CSS框架，使用宏加载静态资源 --

阅读更多关于 flask模板应用-加载静态文件：添加Favicon，使用CSS框架，使用宏加载静态资源 --

加载静态文件一个Web项目不仅需要HTML模板，还需要许多静态文件，比如CSS、JavaScript文件、图片和声音声。在flask程序中，默认需要将静态文件存储在与主脚本（包含程序实例的脚本）同级目录的static文件夹中。为了在HTML文件中引用静态文件，我们需要使用url_for()函数获取静态文件的URL。flask内置了用于获取静态文件的视图函数，端点值为static，它的默认URL规则为/static/<path: filename>，URL变量filename是相对于文件夹根目录的文件路径。如果需要使用其他文件夹来存储静态文件，可以在实例化flask类时使用static_folder参数指定，静态文件的URL路径中的static也会自动跟随文件夹名称变化。在实例化flask类时用static_url_path参数可以自定义静态文件的URL路径。在程序的static目录下存一张图片，例如qq.jpg，我们可以通过url_for(‘static’, filename=’qq.jpg’)获取这个文件的URL,这个函数调用生成的url为/static/qq.jpg，在浏览器中输入127.0.0.1:5000/qq.jpg即可访问这个图片。在模板watchlist.html里，我们在用户名的左侧添加这个图片，使用url_for()函数生成图片src属性所需的图片URL

检验你的前端基础——Sit the test

阅读更多关于检验你的前端基础——Sit the test

　　最近有时间，想把酝酿的几篇博客都写出来，今天前端小学生带着10个问题，跟大家分享一下学习CSS的一些体会，我觉得想学好CSS，必须保持一颗好奇心和刨根问底的劲头，而不是复制粘贴，得过且过。本人能力有限，这篇文章从构思加完成用了四五天，如果你和我一样是前端小白，不妨仔细斟酌体会，以期领悟到一些东西；如果你是业界大牛，也请你驻足随意瞄上两眼，把言辞内容不妥的地方指出来，我们共同讨论。时刻保持好奇心　　第一问：当margin的值为百分比形式时，为什么浏览器会根据父容器宽度得出计算值？　　在我之前一篇博客检验你的前端基础——Sit the test 中，聊到了margin值为<percentage>时的计算方法。假如有一个父容器宽度400px，高度600px，其子元素设置margin:20% 20%后的计算值应该为“margin:120px 80px”还是“margin:80px 80px”呢？按照那篇博客中的理论，第二个是正确答案。但是在今天这篇文章中，我给出的答案是第一个肯定错，第二个也不一定对。一个符合W3C标准的浏览器会根据父容器的宽度进行计算，但是这个仅限于书写模式为横向的时候。因为在横向排版时，宽度“有迹可循”，可以把浏览器宽度作为参考，但是高度是不固定的，所以margin百分比值在计算时会参考父容器的宽度。当书写模式改为纵向，其计算参考便会变为父容器的高度了。

CSS基础-插曲

阅读更多关于 CSS基础-插曲

CSS学习 1：通过css来设置边框的颜色我们可以通过border:10px solid red;来统一的设置颜色，但是我们有的时候需要每个边框的颜色不一样，我们就需要通过各自设置的方法来设置边框的颜色。 <body>  <div style=" color:red; font-family: 楷体; font-size: 50px; background-color: blue; width:300px; /*border:10px dashed red;*/ border-top: 10px solid red ; border-bottom:10px dashed yellow; border-left: 10px solid burlywood; border-right: 10px solid purple; " > <p>你好世界</p> <p>你好世界</p> <p>你好世界</p> <p>你好世界</p> </div> 只是通过在div中的style中写，我们要是写css一定要写在head中，切记不要这样的书写。 div中的溢出我们应该如何办。我们可以添加属性，overflow:"";我们可以选择性的进行隐藏溢出的部分。 2：行内元素设置高宽是没用的

前端开发必备的Sublime 3插件

阅读更多关于前端开发必备的Sublime 3插件

Sublime的大名已经无需我介绍了，首先先介绍如何启用插件安装功能：打开Sublime 3，然后按 ctrl+` 或者在View → Show Console 在打开的窗口里黏贴这个网站上的代码（注意: Sublime 2和3所黏贴的代码不一样，注意选择）： https://packagecontrol.io/installation import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error

初始css一

阅读更多关于初始css一

初始CSS 一、form表单补充 form表单关键性的属性补充 form表单关键性的属性 action 控制的是数据的提交路径 1、不写默认是朝着当前页面所在的地址提交 2、全路径 3、后缀（/index/） method 控制的是提交方式 form表单默认是get请求 method='get' 你也可以指定成post请求 method='post' enctype 控制的是数据提交的编码格式默认情况下form表单是不能够直接发送文件的如果你要发送文件必须将该参数由默认的urlencoded改为formdata 注意事项： 1、获取用户输入的标签都是用value属性来存放用户的输入获取用户输入的标签都应该有name属性就类似于字典的key value属性就类似于字典中的value 2、如何给input设置默认可以直接给input标签加value属性 3、input框如何设置提示信息 username:<input type='text' value='jason' placeholder='用户名'> 二、验证form提交数据结合Flask演示验证后端框架 Django Flask Tornado Flask框架 pip install Flask get请求能够携带参数但是参数的携带方式是直接跟在url后面的 url?xxx=ooo&yyy=bbb&lll

01-使用vue脚手架搭建项目

阅读更多关于 01-使用vue脚手架搭建项目

使用vue脚手架搭建项目 Vue项目开发实战系列主要内容：初识vues 升级到vue cli4.0 从零开始配置vue cli4.0 使用vue cli4.0创建项目 1 初识vue 1.1 Vue概述我们就直接开门见山，看看Vue的官网吧： Vue官网： https://cn.vuejs.org/ 从官网中，我们可以知道： Vue是什么 Vue是一套用于构建用户界面的渐进式JavaScript框架。 Vue的核心库只关注视图层。 Vue读作[v’juː] 类似view Vue的特点是：易用只要掌握了HTML、CSS、JavaScript知识就可以开始构建应用灵活小到可以只使用一个库，大到可以使用整套完整框架高效运行大小仅20k，超快虚拟DOM，不必关心优化问题。 1.2 Vue开发者简介开发者为尤雨溪。尤雨溪简历：尤雨溪毕业于上海复旦附中，在美国完成大学学业，本科毕业于Colgate University，后在Parsons设计学院获得Design & Technology艺术硕士学位现任职于纽约Google Creative Lab核心开发工程师 2014年2月，开源了一个前端开发库Vuejs。 2016年9月3日，在南京的JSConf上，Vue作者尤雨溪正式宣布加盟阿里巴巴Weex团队，尤雨溪称他将以技术顾问的身份加入 Weex 团队来做 Vue

前端学习路线图

阅读更多关于前端学习路线图

本人零基础已经顺利实现转行前端，很多人问我前端学习线路图是什么样的，这里分享给大家，希望能帮到你们。一、基础 1、学习HTML基础 HTML给你的网页赋予了结构。它就像是人的骨架那样让你保持站立。首先你需要去学习语法以及它必须提供的一切。你的学习应该聚焦在下面这些东西上：学习HTML基础，了解如何编写语义HTML理解如何把网页分成section（段落），以及如何正确组织DOM（文档对象模型）现在很多html5的新标签也很有用，需要进行了解实践建议：一旦你学习了HTML基础，至少要制作5个HTML网页。我建议你随便找一个网站，比如看看Github的档案页或者Twitter的登录页。然后把焦点放在恰当地组织内容上。出来的东西可能会很难看，但是暂时别担心，把你的关注点放在恰当的结构上。 2、学点CSS 现在我们已经学会了如何给网页准备好骨架，接下来就是在此基础上添加一些皮肤让它好看一点了。CSS——级联样式表就是用来美化你的HTML页面的。首先要做的是学习语法，熟悉常见的CSS属性。了解盒模型（box model），掌握如何利用Grid和Flexbox准备布局一旦学习完上面的，再学习以下通过媒体查询把网站做成响应式的。实践建议：一旦你掌握了基础，接下来就应该设计上一步制作的HTML网页。比方说如果你给Github档案编写了HTML页面的话

订阅 css框架