派生选择器通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。在 CSS1 中，通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors)，这是由于它们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中，它们称为派生选择器，但是无论你如何称呼它们，它们的作用都是相同的。派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使 HTML 代码变得更...
1.旋转.center>.bj>.div1>ul>li>.img1:hover {transform: rotate(-360deg);transition: 1s}/*旋转*/ .center>.bj>.div1>ul>li>.img2:hover {transform: rotateY(360deg);transition: 1.5s}/*Y轴旋转*/ .center>.bj>.div1>ul>li>.img3:hover {transform: rotate(360deg);transition: 1s}2.缩放.center>.bj>.div2>.d2>ul>li>div{width:260px;height:180px;overflow: hidden}/*图片父元素设置溢出隐藏*/ .center>.bj>.div2>.d2>ul>li>...
1.CSS 指的是？正确答案：Cascading Style Sheets2.在以下的 HTML 中，哪个是正确引用外部样式表的方法？正确答案：<link rel="stylesheet" type="text/css" href="mystyle.css">3.在 HTML 文档中，引用外部样式表的正确位置是？正确答案：<head> 部分4.哪个 HTML 标签用于定义内部样式表？正确答案：<style>5.哪个 HTML 属性可用来定义内联样式？正确答案：style6.下列哪个选项的 CSS 语法是正确的？正确答案：body {color: black...
一、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...