HTML与CSS
文章平均质量分 80
一斤草莓吃光光
看我如何慢慢慢慢慢慢得成为学霸。。。
展开
-
CSS简介
层叠样式表(cascading style sheet,CSS)用于微调web内容的显示。如何理解样式表:创建一个样式表文档,指定字体、颜色、间距和其他特征,用于建立web站点的独特外观,然后将每个应该具有那种外观的页面链接到样式表,而不是每个单独的文档中重复指定所有那些样式。这样,当你决定更改公司官方字体或配色方案时,只需要更改样式表中的一两个条目,即可同时修改所有的web页面,而不必在所有的静态原创 2016-12-13 16:32:27 · 336 阅读 · 0 评论 -
CSS选择器
1、标签选择器 tagName{property:value}2、类选择器 .className{property:value}3、ID选择器 #idName{property:value}类选择器和ID选择器的区别在于: (1)类选择器可以给任意数量的标记定义样式,但是ID选择器在页面的标记中只能使用一次 (2)ID选择器比类选择器...原创 2017-02-27 15:11:27 · 255 阅读 · 0 评论 -
HTML语言标签之框架标签
框架标签的特点:不在head或者body里面。可以将浏览器窗口分隔成多个子窗体,每一个子窗体都可以显示一个单独的资源(网页、图片),应用:论坛页面 创建框架有两种方式,分别是<frameset>和<iframe>,前者是将整个页面分为几个框架区域,后者是在一个已经包含了内容的网页内嵌入一个框架页。 一、<frameset> 1、将窗体分隔<frameset> 2、一旦拆分,就会出现原创 2016-12-12 21:48:55 · 598 阅读 · 0 评论 -
JavaScript中的cookies
简介:(1)cookies是一种对客户端硬盘的数据进行存储的技术,这种技术能够让网站把少量的数据存储到客户端的硬盘,同时也能够从客户端的硬盘读取存储的数据。包括:用户名、密码、访问日期等。 (2)使用document对象的cookie属性就可以创建cookies document.cookie=escape(name+”=”+value); 其中escape()是JavaScript重常原创 2017-02-16 22:08:56 · 345 阅读 · 0 评论 -
网页中的对齐方式
文本的对齐方式 文本的对齐方式使用的是text-align属性,值可以是left,right,center。 其中,居中还可以使用<center></center>标签,但是center标签与text-align属性的center不太一样,<center> 不仅影响文本,还会把整个元素居中。text-align 不会控制元素的对齐,而只影响内部内容。元素本身位置不会受到影响,只是其中的文本受影响原创 2016-12-27 21:03:24 · 6155 阅读 · 0 评论 -
HTML中的 <!DOCTYPE> 标签
使用eclips边写html文件,会自动生成出 标签,该标签不是html的标签,只是一个声明,它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。几乎所有浏览器都支持标签。 其中html5版本的声明是原创 2016-12-19 14:53:18 · 321 阅读 · 0 评论 -
前端的学习总结
前端的学习总结(转载)这里主要讲的是自学,网站开发开发大致分为前端和后端,前端主要负责实现视觉和交互效果,以及与服务器通信,完成业务逻辑。其核心价值在于对用户体验的追求。前端的知识体系如上,可以按以下思路进行系统的学习: 【基础知识】 1. html + css 这部分可以在 w3cschool 在线教程上学习(网址:www.w3cschool.cn),边学边练,每章后还有小测试。 之后可以模仿转载 2016-12-19 11:37:49 · 985 阅读 · 0 评论 -
web开发的页面布局
CSS的页面布局属性主要有四个: 1、margin和padding属性,分别指边距和填充,用来增加元素周围的空间 2、align和float属性,分别指对其和浮动属性,用于放置元素 先说明边距和填充属性。 一、边距 web中的元素具有自己的一个矩形区域,margin属性用于在这个矩形区域外再添加空白。 margin-top:设置上边距 margin-right:设置右边距 margi原创 2016-12-15 16:35:33 · 1464 阅读 · 0 评论 -
web中链接多媒体
一、使用超链接标签<a></a>即可<!DOCTYPE html><html><head><meta name="content-type" content="text/html;charset=GB2312"><title>mediatest</title></head><body><h1>this is a movie.</h1><a href="234774718.mp4"><原创 2016-12-14 11:41:27 · 566 阅读 · 0 评论 -
CSS中的display属性
CSS中的display 属性规定元素应该生成的框的类型,几乎所有的主流浏览器都支持这个属性。 可能的值包括(摘自W3S) 简要说明几个常用的属性 1、none属性 将元素设置为none属性后,元素将不予显示.none属性 通常被 JavaScript 用来在不删除元素的情况下隐藏或显示元素。 1、inline属性: 元素生成行内框,对于该行内框设置属性height和width是没有原创 2016-12-16 20:36:28 · 1540 阅读 · 0 评论 -
sublimes的快捷键总结
Ctrl + 滚动:字体变大/缩小Ctrl+Shift+P:打开命令面板Ctrl+P:搜索项目中的文件Ctrl+G:跳转到第几行Ctrl+W:关闭当前打开文件Ctrl+Shift+W:关闭所有打开文件Ctrl+Shift+V:粘贴并格式化Ctrl+D:选择单词,重复可增加选择下一个相同的单词Ctrl+L:选择行,重复可依次增加选择下一行Ctrl+Shift+L:原创 2016-12-15 11:56:24 · 595 阅读 · 0 评论 -
CSS超链接
使用CSS可以编排超链接的样式时,需要用到CSS的伪类pseudoclass。 常用的用于<a>标签的公共伪类是link、visited、hover、active。 a:link - 普通的、未被访问的链接 a:visited - 用户已访问的链接 a:hover - 鼠标指针位于链接的上方 a:active - 链接被点击的时刻 例如: 用户需求是 1、超链接是加粗的蓝色Times原创 2016-12-13 21:52:18 · 498 阅读 · 0 评论 -
HTML语言标签之超链接
超链接标签是<a> </a> 有两种用法: 一、超链接<a href=""> 例如<a href="http://www.sina.com.cn" target="blank">新浪 </a><br/><a href="mailto:abc@sina.com?cc=hd@sina.com" target="_blank">联系我们</a><br/><a href="http://ww原创 2016-12-12 17:29:05 · 3220 阅读 · 0 评论 -
CSS基础知识
一、CSS的样式属性 主要有两种 1、布局属性,例如边距、对齐方式等 2、格式化属性:例如字体、颜色等 二、将样式表应用到web的方法 主要有三种 1、外部 使用<head></head>区域内的一个<link/>标签,例如<link rel="stylesheet" type="text/css" href="./styles.css">href指的是.css文件的存储路径。 2、原创 2016-12-13 19:07:00 · 329 阅读 · 0 评论 -
HTML学习之概述
HTML语言是超文本标记语言HyperText Markup Language的简写,是最基础的网页语言,超文本标记语言是一种用于描述如何组织和链接文本、图形以及其他信息的文件的语言。 1、首先HTML语言是通过标签来定义的语言,代码都是由标签组成 2、HTML语言不区分大小写 3、HTML语言代码的组成结构 代码由结束。里面由头部分和体部分两部分组成。 4、头部分是给HTML页面原创 2016-12-12 16:05:21 · 255 阅读 · 0 评论 -
HTML语言常用标签之字体、列表、图像、表格
1、字体标签<html> <head> <title>font1.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http原创 2016-12-12 16:34:42 · 956 阅读 · 0 评论 -
HTML语言标签之表单
表单标签是很常用的标签,用于与服务器端的交互。 一、输入标签 :用于接收用户的输入信息html> head> title>input.htmltitle> meta http-equiv="content-type" content="text/html; charset=GB18030"> head> body> form> 用户名:input t原创 2016-12-13 11:19:13 · 452 阅读 · 0 评论 -
HTML语言之web服务器的文件管理
在浏览网页的时候会发现,在网页站点中导航时URL会改变,例如: 搜索内容之后地址栏会变成 这时我们需要理解文档根目录(document root)的概念:web服务器的文档根目录实质上是完整URL中的末尾斜杠/。文档根目录是在web服务器上创建的目录结构的起点,web服务器将从这个位置开始寻找web服务器请求的文件。...原创 2016-12-13 15:37:28 · 1074 阅读 · 0 评论 -
CSS中定位的学习
一、定位属性 1、相对定位 相对定位是相对于它本该出现的原始位置而移动的,元素仍然保持其未定位前的形状,它原本所占的空间仍保留,移动的结果可能会覆盖其他框。 通过left、top设置移动的距离 left:10px; top:20px; 2、绝对定位 绝对定位的元素脱离了文档流(相对定位的元素没有脱离文档流),绝对定位是相对于最近的已定位的包含该元素的块定位的,绝对定位使元素的位置与文档原创 2017-03-07 22:36:11 · 349 阅读 · 0 评论