一、BOM基本操作1、查看滚动条的滚动距离 window.pageXOffset/pageYOffset // IE8和IE8以下不兼容document.body/documentElement.scrollLeft/scrollTop // 兼容性比较混乱，用时取两个值相加，因为不可能同时存在两个同时有值封装兼容性方法，求滚动条滚动距离getScrollOffset()var getScrollOffset = function() {if (window.pageXOffset) {return {x: window.pageXOffset,y: window.pageYOffset}} else {return {x: document.bod...
一、Form表单标签<form action="" method=""></form> 表单就是用来将用户的信息提交到服务器，服务器会将信息存储或者根据信息查询数据（增删改查）。表单中所有的内容都要写在form标签中。<input type="text" value="哈哈哈哈" placeholder="请输入用户名">Input文本输入框，type类型为text-普通文本输入框。Value属性：给文本输入框添加默认值。Placeholder属性：文本框中提示性文本。<input type="password" placeholder="请输...
字体相关的属性属性含义取值Font-family字体体系字体名称，宋体。。Font-size字体大小16pxFont-style是否倾斜Normal（正常）/italic（倾斜）Font-variant是否大写Normal/small-caps（小型大写）Font-weight字体粗细Normal（400）/bold（700）/bolder（更粗）/lighter 100（更细）/200..900（直接写）原文：https://www.cnblogs.com/ZhaoBa/p/14720720.html
一、了解HTML、CSS、JS1、HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2、CSS样式是表现。用来改变内容外观的东西称之为表现，如标题字体、颜色变化等，就像网页的外衣。3、JavaScript是用来实现网页上的特效效果。动画的、有交互的。如鼠标滑过弹出下拉菜单、鼠标滑过背景颜色改变、新闻图片的轮换等。二、html文件基本结构<html> <head>.....</head> <...
一 HTML与CSS的关系 HTML 标签原本被设计为用于定义文档内容。 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题。二 使用外部CSS文件的优势 外部的 .css 文件，使你有能力通过仅仅编辑一个简单的 CSS 文档，同时改变站点中所有页面的布局和外观。三 多重样式的层叠规则 当同一个 HTML 元素被不止一个样式定义时，按照如下优先级进行层叠。内联样式（在 HTML 元素内部）内部样式表（位于 <head> 标签内部...
一、 CSS介绍1、 CSS概述：CSS（Cascading Style Sheets）指层叠样式表，极大提高了工作效率。2、 基础语法： 属性大于1个之后，属性之间用分号隔开如果大于1个单词，则需要加上引号，如：p{font-family:”sans serif”;} CSS注释：以“/*”开始，以“*/”结束。3、 高级语法① 选择器分组h1,h2,h3,h4,h5,h6{color:red;}② 继承：body{color:green; } 4、 CSS id 选择器① id选择器：id选择器可以为标有id的HTML元素指定特定...
管理静态文件项目中的CSS、图片、js都是静态文件配置静态文件在settings 文件中定义静态内容STATIC_URL = ‘/static/‘ STATICFILES_DIRS = [os.path.join(BASE_DIR, ‘static‘), ] 在项目根目录下创建static目录，再创建当前应用名称的目录mysite/static/myapp/ 在模板中可以使用硬编码/static/my_app/myexample.jpg 在模板中可以使用static编码{ % load static from staticfiles %} <img src="{ % static "my_app/myexample.jpg...
在刚开始学习HTML&CSS的时候，你需要知道：一，元素元素由标签（tag）和内容组成。常用标签：<head></head><title></title><h>/</h><p></p>基本格式:<!doctype html>/*定义文档类型*/<html> <head> <title></title> <meta charset="utf-8">/*定义网页编码信息*/ <link type="text/css" rel="stylesheet" href="../css/indexbody.css">/*CSS样式地址*/ </head> <body> <h1></h1> ...
css布局模型清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的表现形式。 CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型：1、流动模型（F...
1.软件架构CS：client/server 客户端/服务器端BS：browser/server浏览器/服务器端1.1.BS架构的详解1.1.1. 资源分类 分为静态资源和动态资源静态资源：使用静态网页开发技术发布的资源（html css javascript）如新闻，不管是谁，看的一样如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器，而浏览器内置了静态资源解析引擎，可以展示静态资源。动态资源：使用动态网页技术开发发布的资源（jep/servlet，php，asp）...
表表是十分有用的,用它存储表状的数据更易于阅读.当你想用行列来显示信息时---你猜到了,<table>标签正是你需要的,有许多和表有关的标签,它们都以<table>开始.表就是将一组数据用行列的形式排列,我们用<tr>标签创建一个表行(table row),<td>标签表示表数据(table date)<!DOCTYPE html><html><head><title>Table Time</title></head><body><table border="1px"><tr><td>One</td></tr><tr><td>Two</td></tr><tr><td>Three</td></tr><...
什么是CSS层叠样式表：Cascading Style Sheets这都不重要，重要的CSS决定了如何显示HTML元素基本结构选择器 + 样式（key:value）p{ color:red; font-size:20px;}使用CSS 1.引入外部.css文件 2.在head中定义css 3.在元素中使用内联css常用选择器 .元素名 .id .class .后代选择器 .子元素选择器 .相邻兄弟选择器，普通相邻兄弟选择器 .伪类常用样式背景：backgrounp-color,backgrounp-image,backgro...
原文:CSS躬行记（1）——CSS基础拾遗一、box-decoration-break CSS3新增的box-decoration-break属性可指定行内非替换元素在跨行、跨列或跨页时的样式渲染，它包含两个值： （1）slice：默认值，盒子会被分割成多部分。 （2）clone：断开的各个盒子会单独渲染。 下面用一个示例来演示两种的区别，第一个span元素采用box-decoration-break的默认值，效果如第一张图所示，在断行处没有左右内边距和圆角；第二个span元素bo...
<pre>标签的主要作用是预格式化文本。被包围在 pre 标签中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。<pre>标签的一个常见应用就是用来表示计算机的源代码。当然你也可以在你需要在网页中预显示格式时使用它。会使你的文本换行的标签（例如<h>、<p>）绝不能包含在 <pre> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在所有浏览器上并不都是一样的。原文：http://www.cnblogs.com/m...
CSS在标签属性上设置style样式 #id 选择器写在head标签里面，style标签中写样式，如下：<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>#i1 {background-color: chartreuse;height: 80px;}</style></head> <body><div id="i1"><p>aa</p><p>bb</p><p>cc</p></div> </body> </html> .class选择器同样是写在head标签里，style标签中写样式，但是这次不通过id调用，而是通过class调用（这...