CSS复习】的更多相关文章

html+css复习之第3篇 | jquery  | bootstrap…
今天是2017年3月24日周五 每一天都是余生当中最好的一天,珍惜当下. CSS基础复习 1 复习 1.1Css第一天 css层叠样式表 基础选择器 标签选择器 p{属性: 值;} 类选择器 .自定义类名{} 通过class调用 id选择器 #自定义名{} 通配符选择器 *{} 所有元素选中 复合选择器 标签指定式选择器 标签名.(#)选择器{} 后代选择器   选择器 选择器 {} 标签关系包含嵌套关系 并集选择器 选择器 选择器 {} 属性选择器 /*属性选择器*/ input[type][…
CSS 选择器 p.into  表示带有into类的p元素 伪类: a)      first-line b)      last-line 伪元素: :before  能在指定的元素前添加内容(创造内容) 如:p.tip:before{content: ‘hot top’;} :after 用法和:before相同 ::sekection  针对访问者选中的东西进行样式设置.(只能对颜色和背景颜色进行改变) 如:::selection{ color:#fff; background-color…
margin: 1. 当有三个值时第一个值为上,第二个值为左右,第三个值为下. 2.margin外边距折叠,水平没有,垂直会折叠,且折叠后以两者最大值为准.另外,当一个元素包裹另一元素时也会发生折叠.折叠条件:垂直,包含. 3.margin用于来居中时auto要作用于左右,margin上下值会忽略auto. padding: 1.padding不接受负值,margin接受负值且很重要,用于垂直居中. 2.padding对auto无效. 3.不存在内边距折叠. overflow: 属性值有:vis…
1. 保证在火狐浏览器字体<12px,苹果横屏的时候字体显示大小还是12px html { background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 2. 带点击区域的图像映射 <img src="planets.gif" width="145" height="126" alt="Planets" usemap=…
1. java 中定义数组和对象: 数组(Array)字面量 定义一个数组: [40, 100, 1, 5, 25, 10] 对象(Object)字面量 定义一个对象: {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"} 2. java中大小写敏感 ,换行是“\n”, 注释是“//”,多行注释以 /* 开始,以 */ 结尾 ,Value = undefined (没有使用值申明的…
1.有意义的html     优点:与表现性的页面相比,有意义的页面更容易后期的处理与维护.                便于浏览器与屏幕阅读器识别.                更加便于调试样式,适合的标签去做适合的事情. 2.一些有意义的html标签: 3.id 和 class        ID           ①id 用于标示页面上的特定元素(比如站点导航),并且是唯一的.           ②用来标识持久的结构性元素,例如主导航或内容区域.           ③用来标识一次…
有时候 自己动手写一遍比想十遍都有用 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .in{ width: 120px; height: 40px; border: 2px solid black; text-align: center; line-height: 40px; border-radi…
1.自结束标签和注释 通常标签都是成对出现,如<h1></h1>,<div></div>等等.但是又些标签是没有结束标签的,成为自结束标签,如<img>,<input> <img>和<img />两种写法都正确. 注释是在代码中对代码进行解释说明的文字,注释中的内容会被浏览器忽略,在网页中看不到注释内容.(注释不能嵌套) 2.标签中的属性 可以在标签(开始标签或自结束标签)中设置属性,不能再结束标签内设置; 属…
Day6:html和css 复习 margin: 0; padding: 0; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <style> // 父元素 .father { border: 1px solid red; width: 300px; } // 添加浮…