【复习HTML+CSS（3）】的更多相关文章

复习HTML+CSS（4）

n  HTML颜色表示 网页中的颜色有三种表示方法 颜色单词:blue.green.red.yellow 10进制表示:rgb(255,0,0).rgb(0,255,0).rgb(0,0,255) 16进制表示:#ff0000.#00ff00.#0000ff 自然界中,所有颜色都可以用三种光的不同波长混合而成.这三种光就是红光.绿光.蓝光. 在计算机中,每个基色,用8位二进制(2^8=256)',那么RGB共可以表示256*256*256=1670万色. 用16进制表示颜色时:用2位十六进制代表…

复习HTML+CSS（5）

n  <meta>标记 <meta>的主要作用,是提供网页的源信息.比如:指定网页的搜索关键字 <meta>标记有两个属性:http-equiv和name. 1. http-equiv属性 功能:模拟http协议文件头信息,当信息从服务器端传到客户端时,告诉浏览器如何正确的显示网页内容. http-equiv属性一般要与content属性配合使用.Content属性指定信息的详细参数. (1·)设置网页的字符集 <meta http-equiv="Con…

复习HTML+CSS（9）

n  CSS简介 CSS:Cascading Style Sheets 层叠样式表 CSS的主要目的:是给HTML标记添加各种各样的表现(格式.样式).比如:文字样式.背景.文本样式.链接样式. 提示:CSS是给HTML标记加的样式:JS是给HTML标记加的行为.HTML标记是最先出现的. HTML超文本标注语言:各种HTML标记. CSS层叠样式表:给HTML标记加的样式. JavaScript脚本程序:给HTML标记加的程序. n  CSS语法格式 一个CSS规则,有“选择器”和“格式声明语…

2018.1.15复习_ css+js

[1]几个常见的css标签:--------------------------------------------------background-color; 设置背景颜色background-position:10px,-100px; 设置背景位置(背景位置起始值)background-image:url(./ 1.png); 设置背景图片backgroung-attachment:scroll; 背景跟着页面向下滚动background-attachment:fixed; 背景固定bac…

复习HTML+CSS（3）

n  超级链接 l  语法格式:<a 属性 = "值">---</a> l  常用属性: n  Href:目标文件的地址URL,该URL可以是相对地址,也可以是绝对地址. n  Target:目标文件的显示窗口. -blank:在新的窗口中打开目标文件. -self:在当前窗口中打开目标文件(默认方式),相当于"替换"操作. -parent:在父级窗口来打开目标文件. -top:在最顶级窗口来打开目标文件. 其中_parent.top常用框架…

复习HTML+CSS（2）

n  项目符号嵌套编号思路 标签的内容(文本.项目符号.表格.图片等)必须放在最底层标记中. n  图片标记(行内元素,单边标记) l  语法:<img 属性 = "值"> l  常用属性 Ø  Width:图片宽度 Ø  Height:图片高度 Ø  Border:图片边框粗细 Ø  Src:图片的路径(相对路径) Ø  Align:图片的水平对齐方式,取值:left.center.right Ø  Hspace:图片与左右文字的距离(水平距离). Ø  Vspace:图…

复习HTML+CSS（6）

n  表格和表单的嵌套顺序 n  单行文本域 语法格式:<input type="text" 属性="值"> 常用属性 l  Name:文本框的名字.命名规则:可以包含字母.数字.下划线,只能以字母开头. l  Type:表单元素的类型. l  Value:文本框中默认的值. l  Size:文本框的长度,以"字符"为单位. l  maxLength:最多可以输入多少个字符,超出的就输不进去了. l  readonly:只读属性.可以…

复习HTML+CSS（8）

n  普通框架 框架技术:将一个浏览器划分成若干个小窗口,每个小窗口显示一个独立的网页. 框架集合框架页 u  框架集<frameset>:主要用来划分窗口的. u  框架页<frame>:主要用来指定窗口默认的网页地址 框架与窗户很像: 一个窗户由窗格(框架集)和玻璃(框架页)构成 先规划窗格,然后再确定每个窗格中放的玻璃.(先有结构,后有内容) <frameset>属性 l  Cols:划分左右型框架. l  Cols=”200,*”  //左框架的宽度为200px…

复习HTML+CSS（7）

n  HTML 注释 <--! 注释内容 --> 注意:注释内容不会显示,注释是为了将来维护方面. n  图片热点(图像地图) 图像热点:给一张图片加多个链接,默认情况下,一张图片只能加一个链接. 1.标记结构: <img src=”images/01.jpg” usemap=”#Map” > <map id=”Map”> <area shape=”热区形状” coords=”热区坐标” href=”链接地址”> <area shape=”热区形状”…

Jquery 搭配 css 使用，简单有效

前几篇博客中讲了Jquery的基础和点击实际,下面来说一下和css搭配着来怎么做 还是和往常一样,举个例子 好几个方块,然后设置颜色 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1…

转--CSS选择器详解（一）常用选择器

今天复习一下CSS的知识,看了篇文章觉得很好,转来备用. 转自:http://www.cnblogs.com/fattydoit/p/3492028.html 目录 类型选择器 类选择器 ID选择器 伪类 伪元素 类型选择器 通过类型选择器可以选择某一类型的html标签,并对其使用样式. 语法: selector {property1: value; property2:value; ...} 示例: <html> <head> <style type="text/…

413 重温HTML + css 考试 + 访问HTML元素

考试前的复习 初学css1:认识CSS 1.1:css简介,css全称是层叠样式表,Cascading style sheets 1.2:css的作用,主要是用于定义html内容在浏览器内的显示样式,如文字大小,颜色,字体加粗等 使用css样式的一个好处是通过定义某个样式,可以让不同的网页位置的字体有着统一的字体,字号或者颜色等 1.3:css代码语法 css样式由选择器和声明组成,而声明又由属性和值组成 h1 { color:red;font-size:14px;} 选择器 属性 值{属性和值…

从零开始学习html（七）CSS样式基本知识

一.内联式css样式,直接写在现有的HTML标签中 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>认识html标签</title> <style type="text/css"> span{ color…

从零开始学习html（十）CSS格式化排版——上

一.文字排版--字体 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>认识html标签</title> <style type="text/css"> </style> </head&g…

网页中三角型的CSS实现

我们在使用CSS框架的时候,经常会用到下拉框组件,一般该组件里面有个下三角.很多网上用到三角形,如图所示,这个三角形是如何实现的呢? 1.使用CSS可以实现,先来复习一CSS盒子模型相关知识.给出如下CSS代码: <style> .box{ margin-top:100px; margin:100px auto 0; height: 20px; width: 20px; background-color: red; }</style> 网页body区域中使用如下代码: <di…

span 右浮动折行 解决ie6/7中span右浮动折行问题

A floated box is shifted to the left or right until its outer edge touches the containing block edge or the outer edge of another float. If there's a line box, the top of the floated box is aligned with the top of the current line box.  由上面的描述可以得到以下结…

第85节：Java中的JavaScript

第85节:Java中的JavaScript 复习一下css: 选择器的格式: 元素选择器:元素的名称{} 类选择器:. 开头 ID选择器:# ID选择器 后代选择器: 选择器1 选择器2 子元素选择器:选择器1 > 选择器2 选择器分组: 选择器1,选择器2,选择器3{} 属性选择器:选择器[属性名称='属性值'] 盒子模型: 内边距:盒子内的距离 边框:盒子的边框 外边距: 盒子和盒子之间的距离 轮播图 自动播放:每隔3秒切换,切换图片, // 点击弹框 // 确定事件,点击事件 // 通过事…

jQuery：总体掌握

链式编程....方法多,属性无法得到对象进行链式.vs10自动完成.书籍锋利的jQuery vsdoc有智能提示开发时候用,开发完之后,换成min压缩版的. 经验:打开网站文件夹.可以把vs网站上的解决方案另存到和网站文件夹同一个文件夹中,直接打开.sln就能打开同一文件夹中的网站. Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问.文档流.body可能很小哦可以就包含一个层..,不能把document当成body. <%@ Page…

ThinkPHP开发博客系统笔记之二

1. 登陆验证码 当用户登陆的时候我们希望也弹出验证码,有两种方法可以实现:一是再增加一个弹出验证码的dialog,二是和注册共用一个验证码dialog.第一种方法有大量重复代码,所以我们使用第二种方法.首先,为了让javascript区分是登陆还是注册,我们给验证码表单增加一个自定义属性:form-click. login.js <form id="verify_register" form-click=""> <ol class="v…

Matplotlib数据可视化（3）：文本与轴

  在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像的设置在后续介绍到各种图绘制时介绍). 这里所说的文本是指在使用matplotlib作图过程中通过代码的方式往图中添加的各种文字,包括figure标题.axes标题.坐标轴标签.坐标轴刻度标签.注释.普通文本等.轴设置指的是对与坐标轴相关的的元素的设置,例如显示范围.刻度.刻度标签等. In [1]…

《CSS权威指南》基础复习+查漏补缺

前几天被朋友问到几个CSS问题,讲道理么,接触CSS是从大一开始的,也算有3年半了,总是觉得自己对css算是熟悉的了.然而还是被几个问题弄的"一脸懵逼"... 然后又是刚入职新公司,事情不算多,于是拿起<CSS权威指南>进行"基础复习"+"查漏补缺",本篇文章主要是总结了些自己认为CSS中值的注意的几个知识点(本文知识点仅限本书范围内,若要讲CSS全部样式,那本兽还是选择慢慢懵逼去~). 选择器 这里要说明的是类选择器的嵌套选择与多类…

HTML和CSS的复习总结

HTML(Hypertext Markup Language)超文本标记语言:其核心就是各种标记!<html> HTML页面中的所有内容,都在该标签之内:它主要含<head>和<body>两部分.<head> 头部:它通常包含抬头<title>,基本信息<meta>(内容类型content,字符集charset)等.<body> 主体:它通常包含标题<hn>,排版<br><hr>,文字&…

css重点章节复习—布局-边框-边距-浮动 (部分)

css重点章节复习—布局-边框-边距-浮动 在第二个任务中,这一块的后面那条线真的弄了很久.起初也是在html里面写的代码.之后觉得这样不好,想到第一个页面中用到的border-bottom和border-top就觉得这里应该可以用border-left或者border-right 就使用了.但是出现一个问题就是不管我怎么调,整条线都是从上画到下,不能合顶部底部的两条线分开.还好记得书本里面有一处是将将垂直线和上下部分开的.查了一下,竟然是用paddding.就觉得很震惊.原来那些margin…

html+css复习之第3篇 | jquery | bootstrap

html+css复习之第3篇 | jquery  | bootstrap…

复习上学期的HTML+CSS（1）

自己跟着网上教程复习上学期的HTML+CSS,因为已经忘得差不多了,而且现在学的js也要以HTML+CSS为基础,坚持每天持续更新. n  B/S 网络结构   Browser/Server 浏览器/服务器,这是现在最流行的网络模式.如新浪网.凤凰网等. C/S Client/Server 客户端/服务器.最关键的地方,在自己电脑上安装一个客户端软件,通过客户端访问服务器.QQ n  HTML 简介   HTML  Hypertext Markup Language 超文本标注语言. HTML是…

李洪强和你一起学习前端之(8)CSS复习

今天是2017年3月24日周五 每一天都是余生当中最好的一天,珍惜当下. CSS基础复习 1 复习 1.1Css第一天 css层叠样式表 基础选择器 标签选择器 p{属性: 值;} 类选择器 .自定义类名{} 通过class调用 id选择器 #自定义名{} 通配符选择器 *{} 所有元素选中 复合选择器 标签指定式选择器 标签名.(#)选择器{} 后代选择器   选择器 选择器 {} 标签关系包含嵌套关系 并集选择器 选择器 选择器 {} 属性选择器 /*属性选择器*/ input[type][…

Python flask+css+js+ajax 综合复习

flask 基本语法结构 注:这里练习的时候把装饰器的@给忘记了,导致访问404 下面练习一下在前段向后端传递参数 get请求需要用   request.args.get('变量') 去接收, get请求的参数都是放置在url中的, 如 http://127.0.0.1:33334/?user=python 这样就可以获取到了user的值了 post请求的参数部分是放置在body里面的,url中没有直接的体现 获取的语法 request.form.get('user') render_templ…

十分钟复习CSS盒模型与BFC

css盒模型与BFC 本文为收集整理总结网上资源 旨在系统复习css盒模型与bfc 节省复习时间 阅读10分钟 什么是盒模型 每一个文档中,每个元素都被表示为一个矩形的盒子,它都会具有内容区.padding.border.margin .png) 盒模型主要分两种 标准盒模型 IE盒模型(怪异盒模型) 两者的区别: 标准盒模型的宽高则为内容区域的宽高 IE盒模型则宽高为 border + padding + 内容区 如何切换盒子模型? 使用box-sizing来进行切换 border-box 切…

【CSS】CSS3从入门到深入（复习查漏向

CSS3从入门到深入(复习查漏向 pre_section CSS:层叠样式表,决定网页表现 网页为多层结构,CSS为每一层设置样式,最后显示最上一层 CSS语句 = 选择器 + 声明块 形式 内联样式 style="CSS语句"作为标签属性,仅本标签可以使用 内部样式表 head标签中使用style标签+CSS语句,仅当前文件可以使用 外部样式表 CSS语句作为独立文件,HTML需要使用时通过<link rel="stylesheet" href="…

中软培训第一周复习总结 --简单的HTML 与CSS

一些需要记住的点: day1 HTML格式及简单标签: html 文件一般格式: 1 <html> 2 <head lang="en"> 3 <meta charset="utf-8"> 4 <title>页面名称</title> 5 </head> 6 <body> 7 页面内容 8 </body> 9 </html> charset 设置字符编码,避免页面…