一、CSS字体样式属性1.font-size:字号大小2.font-family:字体 font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。 * {/*font-family: "微软雅黑";*/font-family: "microsoft yahei", Arial;/*font-family: Arial;*/}p {font-size: 16px; /*千万别忘了带px 单位*/line-height: 28px; /* 行高 行与行之间的距离*/ text-indent: 2em; /*段落首行缩进2个字 em 也是一个单位 1em 就是一个字的距...
CSS知识CSS（Cascading Style Sheet，层叠样式表）定义如何显示HTML元素。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。Css之车更丰富的文档外观，Css可以为任何元素的文本和背景设置颜色；允许在任何元素外围设置边框；允许改变文字的大小，装饰（如下划线），间隔，甚至可以确定是否显示文本。CSS语法每个CSS样式右两部分组成：选择器和声明。声明又包括属性和属性值。提示：声明使用花括号包围， ...
排版了很多页面，才发现自己忽视了一个很基本且重要的知识点：一个div在一般的浏览器中，算它的width，要计算其content，padding，border。但是在CSS中定义一个div的width值，是指其content的宽度。如：?123.div_ex{ width:241px; } 如图：原文：http://www.cnblogs.com/share123/p/3548109.html
一、 css介绍 什么是css：就是网页的布局和渲染效果 什么是查找标签：就是操作标签、 如何进行查找标签：将需要操作的标签查找方法写在style标签里面，在这个里面之姐就可以操作，对相对应的标签进行布局和渲染 style标签：里面写的都是css代码，进行操作标签，使标签的展现更加美观。二、css的引入方式 1 行列式：直接在标签的里面加上style属性，后面写上操作<p style="background-color: rebeccapurple">hell...
案例一：导航菜单的制作垂直菜单<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title><style type="text/css">* {margin: 0;padding: 0;font-size:14px;}ul{list-style:none;width:100px;}a{text-decoration:none;display:block;height:30px;line-height:30px;width:100px;background-color:#ccc;margin-bottom: 3px;text-align:center;}a:hover{color:red;font-weight:bold;bac...
派生选择器通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。在 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...