【前端开发HTML&css入门——伪类选择器和一些特殊的选择器】的更多相关文章

前端开发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入门——具体是做什么的

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

前端开发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入门——一些其他常用的文本标签

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

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

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

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

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

css hover伪类选择器与JQuery hover()方法

css hover伪类选择器 它属于anchor伪类 在支持 CSS 的浏览器中,<a>标签链接的不同状态都可以以不同的方式显示,常常用来改链接的颜色效果 实例 a:link {color:#FF0000;} /* 未访问的链接 */ a:visited {color:#00FF00;} /* 已访问的链接 */ a:hover {color:#FF00FF;} /* 鼠标划过链接 */ a:active {color:#0000FF;} /* 已选中的链接 */   #art a:hover…

css的伪类选择器的使用

伪类选择器,在不同情况下显示的css,伪类选择器在处理页面的美观是很大帮助.其实很多美丽的按钮或者页面都是有这些基础的知识实现的,掌握好基础很重要. 名字 实例 说明 :link a:link 选择所有未被访问的链接 :visited a:visited 被访问的链接 :active a:active 所有活动的链接 :hover a:hover 鼠标所在的链接 :focus Input:focus 获得焦点的input的css :first-letter P:first-letter P元素的…