选择器 标签选择器:根据标签名找 ID选择器 :根据ID的属性值来找元素 class选择器:根据class的属性值来找元素 .class的属性值 并列 关键符号 , 形式:选择器1 ,选择器2{} 后代 关键符号 空格 形式:父选择器 子选择器属性 css注释: css 层叠样式表 美化页面 css ...
分类:
Web程序 时间:
2018-03-12 21:19:22
阅读次数:
201
类选择器:. class id选择器: # id CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。 CSS语法 CSS实例 每个CSS样式由两个组成部分:选择器和声明。声明 ...
分类:
Web程序 时间:
2018-03-12 16:53:47
阅读次数:
200
合理的避免使用ID 一般情况下ID不应该被应用于样式。 ID的样式不能被复用并且每个页面中你只能使用一次ID。 使用ID唯一有效的是确定网页或整个站点中的位置。 尽管如此,你应该始终考虑使用class,而不是id,除非只使用一次 另一个反对使用ID的观点是含有ID选择器权重很高。 CSS选择器中避免 ...
分类:
Web程序 时间:
2018-03-09 01:35:30
阅读次数:
208
CSS -在每个标签上可以设置style属性 -编写css样式 1)标签的style属性 2)写在head里面,style标签中写样式 -id选择器 - .名称 <标签 class="名称"> </标签> -标签选择器 所有div标签内容都被赋予背景和字体颜色 -层级选择器(用空格分开) -组合选择 ...
分类:
Web程序 时间:
2018-03-07 00:55:35
阅读次数:
211
相关内容: css选择器的用法: 选择器的语法 标签选择器 类选择器 id选择器 选择器的分组 嵌套选择 属性选择器 子标签选择器 相邻兄弟选择器 参考资料:w3school 首发时间:2018-03-02 23:54 css选择器的用法: css选择器的语法:css选择器的定义有两部分组成,一个是... ...
分类:
Web程序 时间:
2018-03-03 00:35:49
阅读次数:
268
选择器就是你想去应用样式的时候去帮你选择元素。 ID选择器(#id)、 标签选择器(div,h1,p,ul)、 子选择器(ul < li)、 class选择器(.classname)、 伪类选择器(a:hover,li:nth-child)、 后代选择器(ul li a)、 组选择器、 包含选择器等 ...
分类:
Web程序 时间:
2018-03-01 14:55:10
阅读次数:
178
在head标签中设置style属性: height:48px;<!-- 代表颜色与位置 -->编写css样式: 1.标签style属性 2.写在head里面,style标签中写样式 - id 选择器 #i1{background-color:red;height:48px;} - class选择器 ...
分类:
Web程序 时间:
2018-02-28 21:36:51
阅读次数:
226
第十三章 CSS选择器 一、选择总汇 选择器 名称 例子描述 CSS版本 .<class> class选择器 选择 class指定类型的所有元素。 1 #id id选择器 选择 id属性的所有元素。 1 * 通用选择器 选择所有元素。 2 [attr]系列 属性选择器 选择指定after属性的元素 ...
分类:
Web程序 时间:
2018-02-28 19:51:26
阅读次数:
209
以后啊我再写css样式,推荐以id选择器或类选择器结合派生选择器的现代布局形式来写,会节省很多代码,而且派生选择器还可以用逗号","隔开,共享一个样式声明. ...
分类:
Web程序 时间:
2018-02-27 19:27:07
阅读次数:
174
样式表的选择器 1.类选择器 根据HTML标签的class属性选择样式应用的属性 .类值{ … } 2.ID选择器 根据HTML标签的ID属性选择样式应用的元素 #id值{ … } 3.标签选择器 根据HTML标签选择样式应用的属性 标签名{ … } 4.子选择器 .food>li{ border: ...
分类:
Web程序 时间:
2018-02-26 21:44:49
阅读次数:
245