随笔分类 - Div+CSS
Div+CSS
摘要:一、指定选择器有时个会希望控制某个元素在一定范围内的对象样式,这时就可以把元素与Class或者Id选择器结合起来使用指定选择器这是个SPAN类名为CLASS这是个SPAN这是个DIVID是TOP这是个DIV指定选择器对象定义样式限定为class或者id属性的某种元素非常有用,它对元素的控制精度介于标...
阅读全文
摘要:一、通用选择器通用选择器可能是所有选择器中最强大的,却使用最少的。通用选择器的作用就像是通配符,它匹配所有可用元素。通用选择器由一个星号表示。通用选择器一般用来对象页面上所有元素应用样式例如:可使用,以下规则删除第个元素上的默认的空白边界*{margin:0;padding:0;}二、分组选择器分组...
阅读全文
摘要:一、包含选择器包含选择器中前后两部分之间以空格隔开,根据左侧选择符指定的祖先元素,然后在该元素下寻找匹配右侧的选择侧符的下级元素定义包含选择器时,必须保证在HTML结构中第一个对象能够包含第二个对象。二、简单例子包含这是类 这是个标题这是标题中的SPAN元素包含这是类 这是个标题这是标题中的SP...
阅读全文
摘要:一、属性选择器属性选择使用中括号进行标识,中括号内包含属性名,属性值或者属性表达式如h1[title],h1[title="Logon"],二、属性选择器分类2.1、匹配属性名[class]{color:red}作用于任何带有class属性的元素,不管理class的值是什么,也可以是其它元素的所有合...
阅读全文
摘要:一、相邻选择器相邻选择器前后部分之间用一个加号(+)隔开,前后两部分选择反符在结构上属于同级关系,如相邻选择器,是根据左侧选择符指定相邻元素,然后在该相邻元素后面寻找匹配匹配右侧选择符的相信元素二、简单例子相邻选择器标题2标题2下的段落标题2下的span相邻段落
阅读全文
摘要:一、子选择器子选择器中前后部分之间用一个大于号隔开,前后两部分选择符在结构上属于父子关系。子选择器是根据左侧选择符指定的父元素,然后在该父元素下寻找匹配右侧选择符的子元素。二、简单例子子选择器 这是个段落 这是超连接 @charset "utf-8";/* CSS Document *//...
阅读全文
摘要:一、伪选择器伪选择器包括:伪类选择器和伪对象选择器,以冒号(:)作为前缀,冒号后紧跟伪类或者伪对象名称,冒号前后没有空格,否则解析为包含选择器如:div:hover{ font-size:12px;}/*div为指定标签名hover选择符,伪类 或者 伪元素名*/伪选择器专门用来选择特殊区域或者特殊...
阅读全文
摘要:一、类选择器类选择用使用"."(英文点号)进行标识,后面紧跟类名如:.red{color:red;}类样式可以应用于文档中的多个元素,这体现了CSS代码的可重用性,帮助用户简化页面控制。二、类选择器与标签选择器类选择器和标签选择器都具有一对多的特性,即一个样式可以控制多个元素对象的显示效果。注意事项...
阅读全文
摘要:一、ID选择器ID选择器使用"#"前缀标识符进行标识,后面紧跟指定的元素的ID名称。如#box{ width:100px; height:100px;}元素的ID名称是唯一的,只能对应于文档中一个具体的元素。在HTML中,用来构建整体框架的标签应该定义ID属性,因为这此对象一般在页面中都是比较唯一的...
阅读全文
摘要:一、CSS选择器概述1.1、CSS功能CSS语言具有两个基本功能:匹配和渲染当浏览器在解析CSS样式时,首先应该确定哪些元素需要渲染,即匹配哪些HTML元素,这个操作由CSS样式中的选择器负责标识。只有匹配到具体的对象之后,浏览器才能根据CSS样式声明,决定渲染的效果,并及时呈现在页面中。1.2、C...
阅读全文
摘要:开始学习css之旅:先照样式做一个一、使用DIV设置第一个css样式css:@charset "utf-8";/* CSS Document *//*定义DIV元素方形显示*/div { width:200px; height:200px; border:solid 2px blu...
阅读全文