【前端开发HTML&CSS入门——具体是做什么的】的更多相关文章

前端开发HTML&CSS入门——具体是做什么的

软件开发,一提起来感觉这个感觉这个词范围很大很广,说起来也很笼统.不知所云,开发的到底是什么?或者说开发的具体内容是什么?以前我们讲软件开发主要是分前端和后端,那前端和后端又是什么那?你可以这么通俗的理解,前端就是用户可以看到的界面,而后端就是客户看不到的模块.现在我们已经摒弃了这种说法,因为这种说法太过笼统,太过局限性.所以我们现在将软件开发分为B/S和C/S. 首先我们先讲讲什么是C/S.C/S (Client/Server,客户机/服务器)模式又称C/S结构,是软件系统体系结构的一种.C/…

前端开发HTML&css入门——伪类选择器和一些特殊的选择器

伪类和伪元素 有时候,你需要选择本身没有标签,但是仍然易于识别的网页部位,比如段落首行或鼠标滑过的连接.CSS为他们提供一些选择器:伪类和伪元素. 常用的一些伪类选择器: :link :visited :hover :active 表示普通的链接(没访问过的链接) 表示访问过的链接 浏览器是通过历史记录来判断一个链接是否访问过, *由于涉及到用户的隐私问题,所以使用visited伪类只能设置字体的颜色 表示鼠标移入的状态 超链接被点击的状态 <!DOCTYPE html> <html&g…

前端开发HTML&css入门——CSS&选择器练习

CSS 层叠样式表 (Cascading Style Sheets)css可以用来为网页创建样式表,通过样式表可以对网页进行装饰.所谓层叠,可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的. 而css就可以分别为网页的各个层次设置样式. CSS的样式表由一个一个的样式构成,一个样式又由选择器和声明块构成. 语法: – 选择器 {样式名:样式值:样式名:样式值 ; } – p {color:red ; font-size:12px;} 方法一: 内联样式 <!doctype html…

前端开发HTML&css入门——HTML

HTML究竟为何物?其实HTML就是一种标记语言,英文全称为Hypertext Markup Language,翻译过来就叫超文本标记语言.它的作用就是负责负责网页的三个要素之中的结构. HTML使用标签的的形式来标识网页中的不同组成部分. 所谓超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面.点一下试试. 那么既然是文本标记语言,我们自然能用txt来编辑HTML语言.打开windows自带的记事本工具,键入以下内容: 这是我第一个网页 因为我们编写的是HTML网页,所以一定要…

前端开发HTML&css入门——常用的标签以及一个小练习

meta标签 <!doctype html> <html> <head> <meta charset="utf-8" /> <title></title> <meta name="keywords" content="HTML5,JavaScript,前端,Java" /> </head> <body> </body> <…

前端开发HTML&css入门——盒子模型以及部分CSS样式

CSS处理网页时,它认为每个元素都包含在一个不可见的盒子里.• 为什么要想象成盒子呢?因为如果把所有的元素都想象成盒子,那么我们对网页的布局就相当于是摆放盒子.• 我们只需要将相应的盒子摆放到网页中相应的位置即可完成网页的布局. 盒子模型 一个盒子我们会分成几个部分:– 内容区(content)– 内边距(padding)– 边框(border)– 外边距(margin) 盒子和边框   width和height background-color 盒子 设置的盒子内容区的大小 设置背景颜色  …

前端开发HTML&css入门——CSS的文本格式化

长度单位 像素 px 百分比 % em - 像素是我们在网页中使用的最多的一个单位, * 一个像素就相当于我们屏幕中的一个小点, * 我们的屏幕实际上就是由这些像素点构成的 * 但是这些像素点,是不能直接看见. * - 不同显示器一个像素的大小也不相同, * 显示效果越好越清晰,像素就越小,反之像素越大. - 也可以将单位设置为一个百分比的形式, * 这样浏览器将会根据其父元素的样式来计算该值 * - 使用百分比的好处是,当父元素的属性值发生变化时, * 子元素也会按照比例发生改变 * - 在我…

前端开发HTML&css入门——一些其他常用的文本标签

em标签和strong标签 i标签和b标签 small标签 cite标签 q标签和blockquote标签 em主要表示语气上的强调,em在浏览器中默认使用斜体显示strong表示强调的内容,比em更强烈,默认使用粗体显示 i标签中的内容会以斜体显示,b标签中的内容会以加粗显示 h5规范中规定,对于不需要着重的内容而是单纯的加粗或者是斜体,就可以使用b和i标签 在h5中使用small标签来表示一些细则一类的内容 比如:合同中小字,网站的版权声明都可以放到small 网页中所有的加书名号的内容都可…

要web开发精品教程吗？免费无广告一百期连讲的那种-逐浪CMS前端开发100期入门教程全面开放

要web开发精品教程吗?免费无广告一百期连讲的那种-逐浪CMS前端开发100期入门教程全面开放 大师主讲 经验难得 由逐浪CMS首席架构师发哥老师,亲自主理讲解. 历时一年精心打造, 汇聚了互联网诞生时的web演绎, 到最新的web开发技术前瞻, 循序渐进, 值得学习. 我们的目标是: 小白上路 专家更专 绝无广告 精心打造 逐浪CMS作为国内alexa排名第一的web内核产品, 多年来一直专注高端门户与移动开发技术的研究 积累了丰富的经验 这些实战经验是不可多得的财富 我们坚信 好的经验应该分…

前端开发：css基础知识之盒模型以及浮动布局。

前端开发:css基础知识之盒模型以及浮动布局 前言 楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题 浮动是什么东西?  为什么这个浮动没有效果?  这个问题楼主已经回答了n遍.今天则是把它写到我的博客中,想知道自己过来翻就好啦 ^_^  下面楼主把当前的自己对css的基础认知一一给大家道来...... 盒模型 谈到盒模型,有经验的小伙伴一定滚瓜烂熟,无非就是 内容(content).填充(padding).边框(border).边界(margin): 这些属性我们可以把它转移到我们…