css样式表

CSS中margin属性详解 margin属性概述 margin是CSS层叠样式表中用来规定围绕在元素边框周围空白区域范围的属性. 该接受任何长度单位，可以是像素、英寸、毫米或 em。 相关属性 margin 可以单独改变元素的上，下，左，右边距。也可以一次改变所有的属性。 属性 描述 margin 简写属性。在一个声明中设置所有外边距属性。 margin-bottom 设置元素的下外边距。 margin-left 设置元素的左外边距。 margin-right 设置元素的右外边距。 margin-top 设置元素的上外边距。 使用语法 1.使用单独属性设置四边的距离 #d2 { border: 1px solid blue; /*为了显示效果,所以让d2有了边框 */ margin-top: 20px; /*上边距为20px*/ margin-right: 30px; /*右边距为30px*/ margin-bottom: 40px; /*下边距40px*/ margin-left: 50px; /*左边距为50px*/ } ​ 效果: ! 2.直接使用margin属性设置所有外边距: #d2 { border: 1px solid blue; /*为了显示效果,所以让d2有了边框 */ margin: 20px 30px 40px 50px; /*和上图所示效果完全一样

通过使用 CSS，可为 XML 文档添加显示信息。 使用 CSS 显示您的 XML？ 使用 CSS 来格式化 XML 文档是有可能的。 下面的例子就是关于如何使用 CSS 样式表来格式化 XML 文档： 这是 XML 文件：CD 目录 这是样式表：CSS 文件 最后，请查看效果：由 CSS 文件格式化的 CD 目录 下面是此XML文件的一个片断。 第二行，<?xml-stylesheet type="text/css" href="cd_catalog.css"?>，把这个 XML 文件链接到 CSS 文件： <?xml version="1.0" encoding="ISO-8859-1"?> <?xml-stylesheet type="text/css" href="cd_catalog.css"?> <CATALOG> <CD> <TITLE>Empire Burlesque</TITLE> <ARTIST>Bob Dylan</ARTIST> <COUNTRY>USA</COUNTRY> <COMPANY>Columbia</COMPANY> <PRICE>10.90</PRICE> <YEAR>1985</YEAR> </CD> <CD> <TITLE>Hide your heart</TITLE> <ARTIST>Bonnie Tyler</ARTIST>

THML 概念：超文本标记 作用：页面内容 <h><p><img><a> 表格格式： <table> <tr> <td> </tr> </table> 内有 border ， colspan,rowspan 连接列和行 表单 form <form action=” 文件内容存储 ” method=”get 或者 post 请求 ”> <input type=”” name=”” value=””> <form> 需要设置 name 值，这样数据才能传回后台不需要 value 文本 text 密码 password 需要 name 也需要 value 的值才能把数据传入后台 单选 radios 复选 checkbox 需要 value 的值 文件 file 隐藏 hidden 重置 reset 提交 submit 下拉菜单 <select><option value=” 属性值 ”> 显示值 </option></select> <img src=” 文件位置 ” alt=””> <a href=” 网站地址 ”> 内容 </a> Textarea 文本域中是由 rows 和 cols 两个属性 CSS 概念：层叠样式表 作用：修饰 thml 三种方式： 内联： 行内联 类选择器 id 选择器 外联： <link rel=”stylesheet href=”css 路劲 ””

CSS一共有4种引入方式 外部样式： 通过<link>标记引入外部的css文件（.css）。 这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。这也是最推荐的方式。 格式： <link href=“ CSS的 URL” rel=“ stylesheet” type=“ text/css” /> 内部样式： 通过<style></style>来书写CSS代码。 只能应用于当前网页，不能被其它网页共享。 它是以<style>和</style>结尾，写在源代码的head标签内。这样的样式表只能针对本页有效。不能作用于其它页面。 行内样式： 通过 style的属性来书写 CSS代码。 举例：<p style="color:#aaa;"></p> 这种在标签内以style标记的为行内样式，行内样式只针对标签内的元素有效，因其没有和内容相分离，所以不建议使用。 @import 导入： 导入样式是以@import url标记锁链接的外部样式表，它一般常用在另一个样式表内部。如index.css为主页所用样式，那么我们可以把全局都需要用到的公共样式放到一个public.css文件中，然后在index.css中以@import url("/pubic.css")的形式链接全局样式

本文和大家重点讨论一下CSS中behavior属性语法的使用，在进行CSS网页布局的时候，我们经遇到刷新要保留表单里内容的时候，习惯的做法使用cookie，但是那样做实在是很麻烦，CSS中的behavior就为我们很好的解决了这个问题。 CSS属性behavior语法 在进行CSS网页布局的时候，我们经遇到刷新要保留表单里内容的时候，习惯的做法使用cookie，但是那样做实在是很麻烦，css中的behavior就为我们很好的解决了这个问题。今天就向大家介绍CSS属性behavior的语法。 behavior属性语法： ExampleSourceCode behavior:url(url)|url(#objID)|url(#default#behaviorName) 取值： url(url)　:　使用绝对或相对url地址指定DHTML行为组件（.htc） url(#objID)　:　使用二进制实现(作为ActiveX®控件)的行为。此处的#objID为object对象的id属性值 url(#default#behaviorName)　:　IE的默认行为。由行为的名称标识(#behaviorName)指定 说明： 设置或检索对象的DHTML行为。多个行为之间用空格隔开。 当多个附加到同一要素的行为发生冲突时，其结果取决于行为应用于要素的顺序。后一个行为的优先权高于前一个行为

做个记录，摘自 Front-End Performance Checklist HTML Minified HTML: The HTML code is minified, comments, white spaces and new lines are removed from production files. Remove unnecessary comments: Ensure that comments are removed from your pages. Remove unnecessary attributes: Type attributes like type="text/javascript" or type="text/css" are not required anymore and should be removed. Place CSS tags always before JavaScript tags: Ensure that your CSS is always loaded before having JavaScript code. Minimize the number of iframes: Use iframes only if you don't have any other technical possibility. Try

翻译自： https://github.com/dojo/framework/blob/master/docs/en/styling/supplemental.md Dojo 中的样式和主题 Dojo 部件最适合作为简单的组件，每个组件处理单一职责。它们应该尽可能的封装和模块化，以提高可重用性，同时避免与应用程序使用的其他组件出现冲突。 可以使用常规的 CSS 为部件设置样式，但是为了达到封装和复用的目标，每个部件应该维护各自的 CSS 模块（CSS module），该模块与部件的源代码存放在各自的文件中。这样就可以独立地设置各部件的样式，而不会与应用程序其他地方使用的类名冲突。 Dojo 界定出以下几类样式，每一类都代表了企业 web 应用程序中的样式需关注的不同方面和粒度： 未主题化的部件样式 ( 粒度： 单个部件) 部件所需的最小样式，不打算被主题覆盖。当渲染时，部件直接从导入的 CSS 模块中引用这些样式类。 主题化的部件样式 ( 粒度： 单个部件) 可以被主题覆盖的部件样式。部件使用 theme 中间件中的 theme.classes(css) API，传入需要主题化的 CSS，并在渲染时使用返回的类名。部件的使用者可以按需覆写部分或所有类。 应用于多个部件的样式 ( 粒度: 应用程序范围) 应用于多个部件的样式，这些部件既可以是不同类型的部件，也可以是单个部件的多个实例

一 、 小程序概述 2017 年 1 月 9 日小程序正式上线，腾讯开放了个人开发者开发小程序，小程序从此就开始火爆 ， 这一年，小程序狂揽 4 亿用户、 1.7 亿的日常活跃，上线 58 万个。这是一个巨大的机会，对于企业宣传，拉新用户存在变革性的影响。 小程序的本质是： 轻应用，就是不用安装就能使用的手机 APP 。 “跳一跳”养成了大家下拉寻找常用小程序的习惯。 小程序对开发者而言也是非常友好的。 微信就是一个 “虚拟机”，小程序使用JavaScript编程，小程序将JavaScript 翻译为机器能够识别的 Java 、 OC 等语言， 能操作硬件，比如蜂鸣器、陀螺仪、相册、闪关灯、摄像头。 小程序屏蔽了手机操作系统之间的差异，我们写 iOS 的小程序、安卓的小程序是不需要考虑系统的差异的。 二、小程序开发账号 注册 一个人最多只能有 5 个小程序项目，只能有 5 个小程序 A ppID ，公司账户可以有 2 0个小程序项目。 https://mp.weixin.qq.com/ 去自己的邮箱点击激活右键的超级链接： 然后在打开的页面选择个人开发者，需要让你填写身份证号码和用户真实姓名，这里为了隐私就不截图了。 三、获得 AppID 下载使用开发者工具 https://mp.weixin.qq.com/ 登录 3 .1 添加小程序信息 3 .2 添加开发者