客户端网页编程----CSS选择器

1、元素选择器:

div{}所有的div元素均采用该样式,h1,h2{}所有的h1标签和h2标签均采用该样式;

2、类选择器:

.mm{}所有使用class="mm"属性的元素均采用该样式,类选择器应用比较灵活,可以用于不同的元素;

3、ID选择器:

#p1{}ID为p1的元素均采用该样式,由于ID不重复,所以ID选择器只能用于一个元素;

4、包含选择器:

#f1 input{}ID为f1的元素,所包含的input标签均采用该样式;

5、通配选择器:

#f1 *{}ID为f1的元素,所包含的所有元素均采用该样式;

6、伪类选择器:

tr:hover{}当鼠标移动到tr元素上时,tr元素采用的样式。

******************************************

选择器优先级:

!import>id>class>element>伪类>*

时间: 2024-12-09 21:22:51

客户端网页编程----CSS选择器的相关文章

客户端网页编程----CSS盒模型

1.内容(content):元素中的内容: 2.外边距(Margin):代表元素外边的空间,这个控件将元素相互分开: 具体指的是元素与元素之间的间距,当前元素与border间距,只对块级元素有效,是对外的. 水平盒子的间距为两个盒子的间距和,垂直盒子的间距为两个盒子间距的较大值,可以设置为负值. 3.边框(Border):位于元素的边距内和元素的边框距外之间的可配置的线: 4.内边距(Padding):元素内容和元素边框之间的空间: 具体指的是内容和border的距离,对所有元素有效,是对内的.

客户端网页编程知识总结

一.企业应用计算的演变 演变周期是十年 1.主机/亚终端的集中计算模式 a.二十世纪七十年代,企业的应用程序是以围绕一个大型主机建立的. b.大型主机的特点是:庞大.昂贵.专用.(一个屏幕,一个键盘,一根主机连线,常用于超市收银.航空售票.小型储蓄所等),简称Mainframe/terminal c.集中计算模式的劣势:难于维护.一台计算机进行全部的处理.专用性是他们难于集成其他平台上的应用程序. 2.客户机/服务器计算模式(Client/Server) a.二十世界八十年代,随着个人pc机开始

第一章 客户端网页编程简介

第一章 主机/哑终端模式     客户机/服务器计算模式(C/S)    浏览器/服务器模式(B/S) web浏览器.web服务器.通过HTTP协议通信 web的概念:本意是蜘蛛网和网的意思,在网页设计中,我们将web称为网页.广泛作用于网络.互联网行业.主要有三种表现形式:超文本(hypertext).超媒体(hypermedia).超文本传输协议(http)等等. 1.超文本:实际上是一种用户的接口,以电子文档的形式存在.将文档里面不同的部分用关键字建立连接,使得信息用交互的方式进行搜索./

客户端网页编程_初稿

1.html网页 1.什么是 HTML? Hyper Text Markup LanguageHTML是用来描述网页的一种语言,指的是超文本标记语言,它不是一种编程语言,而是一种标记语言.标记语言是一套标记标签 (不区分大小写),HTML使用标记标签来描述网页 <开始标签 属性="属性值"> 标签体 <结束标签/> HTML标签中不区分大小写,可以嵌套使用.编码集-->utf-8:中英文; gbk: gb2312: iso-8859-1:英文 <he

客户端网页编程

每个XHTML文档都有一个基本的框架,编写网页时,一般都是先把基本的框架写出来.所有的XHTML文档都有三个文档级的元素:html,head,和body.这三个标记实际上对XHTML文档划分了几个分区.一个最小的XHTML文档如下代码所示: <html> <head> <title>标题部分</title> </head> <body> ...文档正文部分 </body> </html> html元素的标记对之

客户端网页编程-html表单

在html中使用标签可以将内容显示在网页中,如果要完成用户与网页之间的交互则需要用到HTML表单(form),表单可以在网页中提供一个图形化的用户界面,把使用者输入的数据传送到服务器端.下面描述一下form表单中具体的控件可用法. <form></form>也是标签,成对出现的,在form表单中,使用属性action标记使用者输入数据传送的地址,使用method标记数据传送的方式,有get/post两种,例如 <form action="www.taobao.com

客户端网页编程项目小结

1.对bootstrap框架不熟悉,用着布局是挺方便,但是控制不好元素,所以用别人的不一定是最好的,要适合自己的才是好的; 2.大局把控能力还不够,最初的设计时,脑袋里很多想法在后面并没有实现,反而搞的整个模板冗余; 3.分工并未分好,本想放手相信队友一波,结果并不理想; 4.发现自己在设计方面真的太弱,只能复制,不能创造,默哀╮(╯▽╰)╭. </hr> 另外附上研究的两个下拉框互相传选项的jQuery代码: $("#btn1").on("click"

CSS网页编程

CSS网页编程 CSS概述 CSS是层叠样式表(Cascading Style Sheets)用来定义网页的显示效果.可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的显示效果功能.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. 那么CSS和HTML是如何在网页代码中相结合的呢?通过四种方式:style属性 .style标签.导入和链接. CSS与HTML相结合的四种方式 ☆ 1.style属性方式 <p style="background

我给女朋友讲编程CSS系列(2)- CSS语法、3大选择器、选择器优先级

首先看一下使用Css设置h1标签字体颜色和大小的例子,效果图如下: 新建一个网页test.html,然后复制粘贴下面的内容: <html> <head> <style type="text/css"> h1 {color:red; font-size:14px;} </style> </head> <body > <h1>使用Css让h1标签字体变红</h1> </body> &