当前位置:文档之家› 【最新】css3选择题使用方法详解-范文模板 (4页)

【最新】css3选择题使用方法详解-范文模板 (4页)

【最新】css3选择题使用方法详解-范文模板 (4页)
【最新】css3选择题使用方法详解-范文模板 (4页)

本文部分内容来自网络整理,本司不为其真实性负责,如有异议或侵权请及时联系,本司将立即删除!

== 本文为word格式,下载后可方便编辑和修改! ==

css3选择题使用方法详解

一通用选择器

1 *{}通配选择符(CSS2):适合所有元素对象。

2 E类型(HTML)选择符(CSS1):以文档语言对象类型DOM作为选择符。

3 E#myid是id选择符(CSS1):以唯一标识符id属性等于myid的E对象作为选择符。

4 E.myclass是类class选择符(CSS1):以class属性包含myclass的E 对象作为选择符。

5 E F:包含选择符(CSS1):选择所有被E元素包含的F元素。

CSS3新增的通用选择器:同级元素通用选择器:

1 通用选择器E~F{}:匹配的是E元素之后的同级F元素匹配E后边所有的F,EF同级。只要F在E的后边,E只是作为一个参考。E~F

{ background:#ff0; }

2 临近(相邻)选择器(css2):E+F{}:EF元素相邻,即选择紧贴在E元素之后F元素。

3 包含(子)选择器(css2):E>F{}:EF不可以隔代,E只能匹配到下一个相邻辈F。

二属性选择器

1.E[att^="val"]:选择具有att属性且属性值为以val开头的字符串的E元素。

2.E[att$="val"]:选择具有att属性且属性值为以val结尾的字符串的E元素。

3.E[att*="val"]:选择具有att属性且属性值为包含val的字符串的E 元素。

4.E[att|="val"] 选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素。

5.E[att] 选择具有att属性的E元素。

6.E[att="val"]选择具有att属性且属性值等于val的E元素。

7.E[att~="val"]选择具有att属性且属性值为一用空格分隔的字词列表,其中一个等于val的E元素。

注:4~7是CSS2特有的属性。 input最常用属性选择器。

三伪类选择器

1 与用户界面有关的伪类:

(1) E:enabled:匹配表单中激活的元素,表单中可操作的元素。

(2) E:disabled(常用):常用匹配表单中禁用的元素

disabled="disabled" 。 eg:input[type="text"]:disabled

{ background:#ddd;} 只可以看不可操作。

(3) E:checked:匹配表单中被选中的radio(单选框)或checkbox(复选框)元素

是整体伪类(匹配整个DOM文档):

(4) ::selection 匹配用户当前选中的元素,即设置对象被选择时的颜

色。 ::selection。

2 结构性伪类

1) :root 匹配文档的根元素,对于HTML文档,就是只能匹配HTML根元素。

2) E:nth-child(n) 匹配其当前元素

E :nth-child(n):匹配其父元素E的第n个子元素,第一个编号为1

E F:nth-child(n):匹配其父元素E的第n个F元素,第一个编号为1(貌

似只对ul 可用)

3) E:nth-last-child(n):匹配其父元素的倒数第n个子元素,第一个编

号为1。

E:last-child:匹配父元素的最后一个子元素,等同于:nth-last-

child(1)。

雅思作文模板句必备50句型

雅思作文模板句必备50句型 A 1.the table shows the changes in the number of...over the period from...to... 该表格描述了在... 年之... 年间... 数量的变化。 2.the bar chart illustrates that... 该柱状图展示了... 3.the graph provides some interesting data regarding... 该图为我们提供了有关... 有趣数据。 4.the diagram shows (that... 该图向我们展示了... 5.the pie graph depicts (that.... 该圆形图揭示了... 6.this is a cure graph which describes the trend of... 这个曲线图描述了... 的趋势。 7.the figures/statistics show (that... 数据(字表明... 8.the tree diagram reveals how... 该树型图向我们揭示了如何... 9.the data/statistics show (that... 该数据(字可以这样理解... 10.the data/statistics/figures lead us to the conclusion that... 这些数据资料令我们得出结论... 11.as is shown/demonstrated/exhibited in the diagram/graph/chart/table... 如图所示... 12.according to the chart/figures... 根据这些表(数字... 13.as is shown in the table... 如表格所示...

地理综合题答题模式训练4

地理综合题答题模式训练 成因分析类 一、设问形式 地理事物间的因果联系能检测考生的思维过程,因而成为地理非选择题的常见设问类型。命题形式上,本模块常以区域图为信息的载体,就区域内典型地理现象或地理事物进行设问,通常的设问形式有“试分析××地理现象的(自然或社会)原因”、“分析××地理事物的成因”等。 二、答题模板 地理原因包括自然原因和人为原因两个方面。自然原因一般从纬度位置、海陆位置、地形、地势、气候、水文、植被、土壤、矿产、洋流、海陆轮廓、板块运动等方面来分析;人为原因一般从历史条件、人口、工农业、城市、交通、工程建设、市场、政策、科技、军事、宗教等方面来分析。 三、部分常考地理要素的相关因子分析 要正确回答原因类试题,同学们要清楚重要地理要素的组成因子,并理解“因子”与相关“地理要素”之间“因”与“果”的联系,下面是部分常考地理要素的相关因子分析。 1.气候的成因 (1)气温的高低????? 纬度——太阳辐射洋流——寒暖流 海陆分布——海陆热力差异 地形——地势高低人——植被破坏和城市热岛 具体:①.纬度高低(决定因素)。具体影响:太阳高度、昼长、太阳辐射量、气温日较差,年较差(低纬度地区气温日较差大于高纬度地区、年较差小于高纬度地区) ②.地形地势。阴坡\阳坡,海拔高度 ③.海陆位置:距海远近,大陆性\海洋性 ④.洋流。(暖流:增温增湿;寒流:降温减湿) ⑤.大气环流和天气状况。(云雨多的地方气温日、年较差小于云雨少的地方) ⑥.下垫面:地面反射率(冰雪反射率大,气温低);绿地气温日、年较差小于裸地 ⑦.人类活动:热岛效应、温室效应等 (2)降水的多少????? 风压—环流形式西风带、低压带、海风 是多雨的 地形—迎风坡与背风坡 洋流—寒暖流人—对林、草、湖、湿地的破坏与保护 具体 :①.气候:大气环流(气压带、风带、季风) ②.地形:迎风坡、背风坡(焚风效应、雨影区)。半山腰的降水量最大 ③.地势高低:海拔高,水汽难以到达。 ④.海陆位置:距海远近 ⑤.洋流:暖流:增温增湿;寒流:降温减湿 ⑥.下垫面:湖泊、河流、植被覆盖状况 ⑦.人类活动 (3) 雾、霜的影响因素分析: ①.湿度(河流湖泊附近、水库附近); ②.地形(低洼地、山坳里);

中级web前端试题

中级web前端试题 (共18题,答15题以上通过,用时90分钟,不包括CSS3 HTML5 后台程序数据库SEO等) HTML、CSS题: 1.三列布局如何让中间的先输出 2.什么是盒模型,怪异模式下的变现形式什么样 3.HTML、CSS在各种浏览器中的BUG(至少6种) JS题(算法兼容性知识点数据正则性能面向对象封装函数DOM类事件等): 4.斐波那契数列(斐波那契数列指的是这样一个数列:1、1、2、3、 5、8、13、21、……这个数列从第三项开始,每一项都等于前两 项之和。)例如algorithm(7) 返回1+1+2+3+5+8+13的结果 5.IE和标准下有那些兼容性写法(至少6种) 6.call和apply的区别 7.ajax请求的时候,如何解析json数据为对象 8.用正则如何去匹配QQ号 9.如何提高web性能(包括:内容Server CSS JavaScript 图象等) (至少6种) 10.写出B继承A的方法 11.写一个获取非行间样式的封装函数

12.空白节点是什么?如何解决 13.事件委托是什么 运行题(说出结果,阐述理由):14. var bbb = function(){ aaa(); } var aaa = function(){ alert(123); }; bbb(); 15.

aaa