一、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...