CSS选择器（重点） 理解能说出选择器的作用 id选择器和类选择器的区别1. CSS选择器作用（重点）如上图所以，要把里面的小黄人分为2组，最快的方法怎办？ 很多， 比如 一只眼睛的一组，剩下的一组选择器的作用找到特定的HTML页面元素CSS选择器干啥的？ 选择标签用的， 把我们想要的标签选择出来 必须记住的css 就是 分两件事， 选对人， 做对事。 h3 { color: red; }这段代码就是2件事， 把 h3选出来， 然后 把它变成了 红色。 以后...
浏览器的组成： shell+内核 shell：用户能看得到的界面就叫shell 内核：渲染rendering引擎和js引擎 现在主流拥有自己开发内核的浏览器：opera现在属于360和昆仑万维 CSS（cascading style sheet)层叠样式表 内联样式写法： 内部样式表: 外部样式表： href:typertext reference：针对外部的引用 src:source:加载资源 这三种方式有权重的问题：分别是内联样式的优先级>内部样式的优先级>外部样式的优先级 在输入网址...
1、CSS的优先级 ①通配和继承：0000 ②元素选择器：0001 ③类、伪类： 0010 ④ID选择器： 0100 ⑤行内样式： 1000 （加了 ‘！important’ 的优先级为无穷大） 2、外边距塌陷（外边距合并） ①、上下元素之间的外边距塌陷 当一个元素出现在另外一个元素的上面时，第一个元素的下外边距与第二个元素的上外边距将发生合并。合并的结果是外边距变成上述两者中大的一个。 ②包含元素之间的外边距塌陷 当一个元素包含在另一个元素中，父...
CSS 伪元素用于向某些选择器设置特殊效果。语法：selector:pseudo-element {property:value;}(1):first-line 伪元素"first-line" 伪元素用于向文本的首行设置特殊样式。在下面的例子中，浏览器会根据 "first-line" 伪元素中的样式对 p 元素的第一行文本进行格式化:p:first-line{color:#ff0000;font-variant:small-caps;}(2):first-letter 伪元素"first-letter" 伪元素用于向文本的首字母设置特殊样式：p:first-letter{color:#ff000...
1.em字体设置body {font-size:100%;}h1 {font-size:3.75em;}h2 {font-size:2.5em;}p {font-size:0.875em;} 复制代码2.背景图标居右.aa{ background-image: url(arrow.png)no-repeat right center; background-image:url(nav-bar.jpg); background-repeat:no-repeat; background-position:right center; } 复制代码3.文本框超出部分显示省略号：overflow: hidden;text-overflow: ellipsis;white-space: nowrap; 复制...
CSS基础知识 1.CSS简介 网页分成3各部分 结构(HTML) 表现(CSS) 行为(JavaScript)CSS 层叠样式表 网页实际上是一个多层的结构，通过CSS为网页的每一层设置样式 用来设置网页中元素的样式使用CSS修改元素的样式第一种方式：内联样式/行内样式在标签内部通过style属性设置样式问题：内联样式只能对一个标签生效当样式发生变化时，需要一个一个修改注意：开发时不要使用内联样式第二种方式：将样式编写到head中的style标签里通过CSS的选...
css基础 表单css的介绍css基础语法样式的建立内部样式表（嵌套到页面中）外部样式的2种方法a:外部样式表的创建b:外部样式表的导入 内联样式（表行间样式，行内样式，嵌入式样式）样式表的优先级 选择器css选择符（选择器）element选择器id选择器class选择器群组选择器包含选择器通配符动态伪类选择器 选择符的权重html与css的注释 表单 表单的作用：用来收集用户的信息的； 1、表单框 <form name="表单名称" method="post/get" act...
今天复习了css的基础知识，整理了一下 css基础复习 核心概念和知识点 语法： css的核心功能是将css属性设定为特定的值，一个属性与值的键值对，被称为声明，如果有多个声明要用{}包裹起来。 使用{}包裹起来想后要效果生效，要使用css选择选择器将其与HTML元素绑定，选择器和声明块组成了css规则集（css ruleset） css注释 /* 单行注释 */ /*多行注释 */@规则 css规则是样式表的主体，通常样式表会包括大量的规则列表。但是有时候也...
CSS3 基础入门(一) 说明 CSS3 中相对于CSS2来说，新增加了很多的内容，其中较为常用的包括下面几点： 选择器自定义字体(嵌入字体)和字体图标边框属性背景属性文本阴影和盒子阴影颜色属性渐变(线性渐变、径向渐变、重复渐变)过渡2d变换3d变换动画新的布局方案(flex 布局、多列布局、移动端布局、grid布局)在本篇文章当中，列出的都是一些css3当中新增加的较为常用并且兼容性较好的属性。选择器 在这里主要说的是两部分选择器： 属性...
精灵图 (Sprites) 使用精灵图目的 减少服务器接收和发送请求的次数, 提高页面加载速度 使用精灵图精灵技术主要针对于背景图片使用。就是把多个小背景图片整合到一张大图片中。 这个大图片也称为 sprites 精灵图 或者 雪碧图 移动背景图片位置，此时可以使用 background-position。 移动的距离就是这个目标图片的 x 和 y 坐标。注意网页中的坐标有所不同 因为一般情况下都是往上往左移动，所以数值是负值。 使用精灵图的时候需要精确...