CSS注

1.css3内容上下左右居中 .box { display:-moz-box; -moz-box-pack:center; -moz-box-align:center; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; } .box { display: flex; justify-content: center; align-items: center; } 2.text-overflow:CSS3内…

css常用属性汇总

一.常用css属性 (1) *block(区块) 行高 line-height:数值 | inherit | normal; 字间距 letter-spacing: 数值 | inherit | normal; 词间距 word-spacing: 数值 | inherit | normal; 空格 white-space: pre(保留) | nowrap(不换行) | normal; /*表格宽度自适应*/ th { white-space: nowrap; } 显示 display: non…

CSS常用选择器名

一.页面结构划分 box 盒子wrap 包裹container 容器 header 头部main 主要区域footer 底部 content 内容区域banner 横幅广告区域menu 菜单二.模块划分 mod 模块,常用mod1,mod2 ,mod3 , mod4....等用于表示模块分组. mainMenu 主菜单,用于表示首页的菜单mainnav 主导航,用于表示首页的导航 nav 导航 top 顶部topnav 顶部导航topbar 顶部工具(菜单)区域常用于商场页面. sideba…

自从用了Less 编写css，你比以前更快了~

之所以用这个标题呢,主要是最近调侃杰伦太有意思了. 好吧,开个玩笑而已. 如果你了解过Less,并对之很熟悉,就不用往下看了. 如果你没用过,恭喜,这是一个入门级的教程,学会了它,可以为你节省10%的绳命. 首先,我们得知道Less能干什么.如: @width:300px; @fonts:12px bold "宋体,Verdana"; .block-header{ color:#5c5c5c; .elem-title{ font:@fonts; width:@width; } .ele…

CSS的总结(选择器,伪类等...)

关于组合选择器可参考:http://www.cnblogs.com/starof/p/4453458.html 主要内容 CSS概述 CSS和HTML结合的四种方式 CSS样式优先级和代码规范 CSS三种常用选择器 CSS三种扩展选择器 CSS的常见操作 CSS概述 CSS (Cascading Style Sheet)是层叠样式表.作用来定义网页的显示效果.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. CSS的优点 1:CSS可以更加精细的控制网页的内容形式.比如说前面的f…

第一天CSS实战培训及笔记及感想

首先,我很激动...... 3点了,凌晨3点了,我居然还没睡.总共不到3个小时的视频消化了6个小时,今天是培训班第一天,一下子就来高强度的讲课,整个上过基础班的都听得东倒西歪,更别说我这个没上基础班滴人,基本上讲完让自己做是无从下手的,很多基本的东西不会,例如fw和ws的基本操作也不会,就这么磕磕绊绊的学了一天回来抱着啃视频,一点点的跟着做事例,然后就做到现在了...实际上跟我的计划还差的有些远,我以为也就12点弄完了,然后再写一遍,没想到一直折腾到3点,而且还不敢保证说全会.不过好赖这么细嚼慢…

css系列教程--css文件的创建

css文件的创建:1.外部样式表:<link rel="stylesheet" type="text/css" href="mystyle.css" />注:rel必须指定,否则不能识别样式表,type最好指定文件的类型.2.内部样式表:<style type="text/css"> hr {color: sienna;} p {margin-left: 20px;}</style>注:…

没人看系列----css 随笔

目录没人看系列----css 随笔没人看系列----html随笔前言没什么要说的就是自己总结,学习用的如果想学点什么东西,请绕行. CSS (Cascading Style Sheets)层叠样式表引入方式 1.行内式行内式是在标签的style属性中设定CSS样式. <div style="width:200px;height:100px;border:1px solid black;"></div> 2.嵌入式嵌入式是将CSS样式集中写在网页的&…

2019-4-26 css学习笔记

CSS简介:Cascading Style Sheets(层叠样式表)的缩写,它是一种用来表现HTML或XML等文件样式的计算机语言. CSS的作用:是定义网页外观(例如,字体.背景.文本.位置.布局.边缘.列表及其他等),它也可以和JavaScript等浏览器端脚本语言合作做出许多动态效果.所谓的样式表,是样式化HTML的一种方法,HTML是文档的内容,而样式表是文档的表现,或者说是外观.所谓的层叠,就是将一组样式在一起层叠使用,控制某一个或多个HTML元素,按样式表中的属性一次显示.一个样式…

常用css属性

一.常用css属性 (1) *block(区块) 行高 line-height:数值 | inherit | normal;字间距 letter-spacing: 数值 | inherit | normal;词间距 word-spacing: 数值 | inherit | normal;空格 white-space: pre(保留) | nowrap(不换行) | normal; /*表格宽度自适应*/ th { white-space: nowrap; } 显示 display: none;…

HTML学习笔记——标准网页设计+使用CSS、Javascript

一.标准网页设计 1.标准网页概述: 标准网页设计要遵循,内容与表现相分离. 内容 + 表现 = 页面 --- 即 :XHTML + CSS = PAGE 内容与变现相分离,也就是内容使用HTML.XHTML,而怎么对内容排版.显示使用CSS. 2.标准网页设计的优点: (1)代码更少,更容易维护. (2)页面下载更快,宽带要求更低,硬盘容量要求更少. (3)排版更加方便. (4)可以提高易用性和可扩展性(可以适应很多其它的设备:搜索蜘蛛/屏幕阅读器/打印机/手持设备/移动设备等). (…

php gizp压缩传输js和css文件

1. [代码][PHP]代码 <?php /** * 完整调用示例: * 1.combine.php?t=j&b=public&fs=jslib.jquery,function * * 该例子调用的是网站根目录下的public/jslib/jquery.js和public/function.js * * 2.combine.php?t=j&fs=jslib.jquery,function …

webpack学习（一）安装和命令行、一次js/css的打包体验及不同版本错误

一.前言找了一个视频教程开始学习webpack,跟着视频学习,在自己的实际操作中发现,出现了很多问题.基本上都是因为版本的原因而导致,自己看的视频是基于webpack 1.x版,而自己现在早已是webpack 4.X了.觉得学习还是要以最新的来,也许以后并不会再接触到1.x的.不过了解不同版本更迭的问题,也是一个学习过程,更加了解这个东西.这个文章主要是针对一次js打包体验中出现的许多问题,更多的在于对webpack的一次认识. 二.正式使用webpack前的准备我们需要新建一个项目来练习w…

Ruby Rails学习中：网站导航，Bootstrap和自定义的CSS，局部视图

添加一些结构一.网站导航 1.添加一些结构后的网站布局文件打开文件:app/views/layouts/application.html.erb 简单介绍一下,添加的代码: 我们从上往下看一下这段代码中新添加的元素.前面简单介绍过,Rails 默认使用 HTML5(如文档类型声明 <!DOCTYPE html> 所示).因为 HTML5 标准还很新, 有些浏览器(特别是旧版 Internet Explorer)还没有完全支持,所以我们加载了一些 JavaScript 代码(称作 HTML5…

WebForm（四）——Repeater控件（重要、好用）

Repeater控件,可以用来一次显示一组数据项.比如,可以用它们显示一个数据表中的所有行. Repeater控件完全由模板驱动,提供了最大的灵活性,可以任意设置它的输出格式. 一.Repeater控件显示数据要使用Repeater控件显示数据,必须创建ItemTemplate.如下所示: 例1:使用ItemTemplate显示数据 <asp:Repeater ID="Repeater1" runat="server" DataSou…

【小月博客】 Html5 上传图片移动端、PC端通用

在博客园注册账号有些天了,感觉有些许欣慰,自己写的东西有人在看,有人在评论很是开心.(ps: 满足一下虚荣心吧!) 废话不多说了,说一下今天给大家分享的是 html5上传图片.我们是在移动端使用的,但是这个在pc上也通用兼容性我只在谷歌测试过.之前一直用的angular写的<用HTML5的File API做上传图片预览能>.今天摒弃angular的东西分享一个html5 + js 图片上传案例.那么今天还是按照一定的步骤来讲吧. HTML 上传图片 HTML 第一步创建html,我们在页面中放…

【JAVA与XML、dtd约束、Schema约束】

一.XML. (1)XML:Extensible Markup Language (2)XML是一种标记语言. (3)XML的设计宗旨是传输数据,而不是显示数据. (4)XML标签没有被预定义,即使用约束的XML文档设计具有自我描述性. (5)XML是W3C的推荐标准. (6)XML作用:存储.配置. (7)约束:XML的内在要求. (8)组成:文档声明.原属.属性.注释.CDATA区.特殊字符.处理指令. 文档声明举例:<?xml version="1.0" encoding=…

端午小长假--前端基础学起来03CSS为网页添加样式

定义:用于定义HTML内容在浏览器内的显示样式,如文字大小,颜色,字体设置样式:将要设置样式的内容用<span></span>样式括起来,然后再head中设置span <head><style type="text/css">span{ color:red;}</style></head> <body> <p>慕课网,<span>超酷的互联网</span>.IT技术…

使用 Swagger UI 与 Swashbuckle 创建 RESTful Web API 帮助文件

作者:Sreekanth Mothukuru 2016年2月18日本文旨在介绍如何使用常用的 Swagger 和 Swashbuckle 框架创建描述 Restful API 的交互界面,并为 API 用户提供丰富的探索.文件和操作体验. 源代码: 下载 SwaggerUi_2.zip 步骤在本文中,我们将在 Asp.Net 创建一个简单的 Restful API,并整合 Swashbuckle 和 Swagger UI.本文分为三部分. 创建 Asp.Net Web API项目通过实体数…

jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)

这篇文章主要介绍了jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate),需要的朋友可以参考下使用jQuery ui首先需要引入jQuery类库,jQuery ui js脚本和jQuery ui css样式表.代码示例如下: 复制代码代码如下: <script src="js/jquery-1.7.1.js"></script> <script src="js/jquery-ui-1.8…

Html基础详解

HTML是(Hyper Text Mark-up Language)超文本标记语言,是因特网上应用最为广泛的一种网络传输协议,所有的www文件都必须要遵守这个标准.这样就可以让浏览器根据标记语言的规则去解释它.浏览器负责将标签翻译成用户可以“看懂的”格式,呈现给用户! HTML文档格式如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &…

前端自动化构建工具Gulp简单入门

昨天听同事分享了Gulp的一些简单使用,决定自己也试一试. 一.安装 gulp是基于nodejs的,所以要先下载安装node(直接搜node,在官网下载就好了) 1.全局安装gulp npm install gulp -g 2.新建package.json文件 npm init 上图框中的内容分别是:项目名.版本.描述.入口文件.测试命令.git地址.关键字.作者.许可协议 3.作为项目的开发依赖(devDependencies)安装gulp npm install gulp --save-de…

Python 之Web编程

一 .HTML是什么? htyper text markup language 即超文本标记语言超文本:就是指页面内可以包含图片.链接.甚至音乐.程序等非文字元素标记语言:标记(标签)构成的语言静态网页:静态的资源,如xxx.html 动态网页:html代码是由某种开发语言根据用户请求动态生成 html文档树结构图: 二 . 什么是标签? - 由一对尖括号包裹的单词构成,如<html> 所有标签中的单词不可能从数据开头 - 标签不区分大小写<html>和<HTML>…

PostCSS 实战

专题截图: 项目截图: 目录说明: dest/ 发布代码文件夹: src/ 预编译代码文件夹; node_modules node 插件; gulpfile.js gulp的配置文件; package.json npm 配置文件; src/待编译文件夹: c/ css文件目录; i/ img文件目录; dest/发布文件夹: c/ css文件目录; i/ img文件目录; package.json 文件展示…

XML概念定义以及如何定义xml文件编写约束条件java解析xml DTD XML Schema JAXP java xml解析 dom4j 解析 xpath dom sax

本文主要涉及:xml概念描述,xml的约束文件,dtd,xsd文件的定义使用,如何在xml中引用xsd文件,如何使用java解析xml,解析xml方式dom sax,dom4j解析xml文件 XML来源SGML SGML(SGM)标准通用标记语言是一种定义电子文档结构和描述其内容的国际标准语言,具有极好的扩展性是所有电子文档标记语言的起源,早在万维网发明之前“通用标言”就已存在是1986年国际标准化组织出版发布的一个信息管理方面的国际标准(ISO 8879:1986 信息处理) 简单的理解…

17)django-模板的继承与导入

情况1:通常写页面都有个模板用来框定头部LOGO页面,左侧导航菜单,只有右部的内容不同.如果不使用模板就大量重复工作. 特别如果头部或者左侧导航需要修改或者添加,所有页面都需要修改.django 通过模板继承解决. 情况2:一个页面如果内容特别多,不可能都一起写同一个页面.比如京东首页内容非常多.如何解决了?django通过include导入其他页面. 一:模版继承 1)继承使用步骤1:母板里写入block,就可以被继承,content是名称 {% block title %} {% endb…

Eclipse 左侧树形展示字体调节

eclipse中项目导航字体大小由配置文件中的设置决定 1.配置文件:找到eclipse安装位置(或解压路径): eclipse\plugins\org.eclipse.ui.themes_1.2.0.v20170517-0622\css 注:由于eclipse版本不同上述路径中的版本数字信息可能有差别 2.找到配置文件名为e4_basestyle.css 3.添加配置设置:使用文本编辑器(例如 notepad++ .Editplus等)打开e4_basestyle.css添加如下新配置: CT…

四、XML语言学习（1）

XML语言 1.XML是什么?XML是指可扩展标记语言XML是指可扩展标记语言(eXtensible Markup Language),它是一种标记语言,很类似HTML.它被设计的宗旨是传输数据,而非显示数据.XML标签没有被预定义,需要用户自行定义标签.XML技术是W3C组织(World Wide Web Consortium万维网联盟)发布的,目前遵循的是W3C组织于2000年发布的XML1.0规范.XML被广泛认为是继Java之后在Internet上最激动人心的新技术. 2.XML用于解决…

jquery插件：select、checkbox、radio的美化

引用文件: <script src=”/InputPick/jqInputFormat.js” type=”text/javascript”></script> <link href=”/InputPick/jqInputFormat.css” rel=”stylesheet” type=”text/css” /> 注:这个用的是jquery1.51的版本,用1.8会不兼容兼容1.8版本的引用文件: <script src=”/Js/siteJs/InputP…

使用 Swagger UI 与 Swashbuckle 创建 RESTful Web API 帮助文件(转)

作者:Sreekanth Mothukuru2016年2月18日本文旨在介绍如何使用常用的 Swagger 和 Swashbuckle 框架创建描述 Restful API 的交互界面,并为 API 用户提供丰富的探索.文件和操作体验. 源代码: 下载 SwaggerUi_2.zip 步骤在本文中,我们将在 Asp.Net 创建一个简单的 Restful API,并整合 Swashbuckle 和 Swagger UI.本文分为三部分. 创建 Asp.Net Web API项目通过实体数据…

【CSS注】的更多相关文章