随笔分类 - css
摘要:6.1相对定位 position:relative; top.left.right.bottom四个方向均可以设置偏移值 相对定位的话,它仍然在标准文档流中,原来的位置会被保留。 6.2绝对定位 定位:基于xxx定位,上下左右 1.没有父级元素定位的前提下,相对于浏览器定位。 2.假设父级元素存在定
阅读全文
摘要:5.1标准文件流 块级元素:独占一行 h1 h6 p div 列表 行内元素:不独占一行 span a img strong 行内元素可以被包含在块级元素中,反之,不可以。 5.2 display display:inline 行内元素display:block 块元素display:inline-
阅读全文
摘要:1.什么是盒子模型 margin:页边距 padding:内边距 border:边框 2.边框 1.边框的粗细 2.边框的样式 3.边框的颜色 3.外边距 盒子的计算方式:你这个元素到底多大? margin+border+padding+内容宽度
阅读全文
摘要:超链接的样式 常用的是a a:hover 字体阴影效果 负数则为反方向
阅读全文
摘要:1.为什么要美化网页 有效的传递页面信息 美化网页,页面漂亮才能吸引用户 凸显页面主题 提高用户体验 span标签:重点要突出的字,使用span标签套起来 字体样式: 文本样式: 1.颜色 2.对齐方式 3.首行缩进 4.行高 line-height=height 可以实现上下居中 5.装饰(下划线
阅读全文
摘要:2.2层次选择器 1.后代选择器:在某个元素的后面 祖爷爷-爷爷-爸爸-你 2.子选择器:只有一代 父亲-儿子 3.相邻兄弟选择器:同辈 必须是紧邻的,且是下一个 4.通用选择器:同一级中,可以不相邻,但必须在下面
阅读全文
摘要:选择器: 作用:选择页面上的某一个或者某一类元素 2.1基本选择器: 1.标签选择器:选择一类标签 2.类选择器 class:选中所有class属性一致的标签(可以跨标签) .class名称{} 3.id选择器:id全局唯一 #id名称{} 不遵循就近原则:id>class>标签
阅读全文
摘要:1.标签内部 2.head里面 3.css文件 1.链接式:html 2.导入式:CSS2.1特有 优先级:行内样式>内部样式=外部样式(后导入的覆盖前导入的--就近原则)
阅读全文
摘要:1.Cascading Style Sheet 层叠级联样式表 CSS:表现(美化网页) 字体,颜色,边距,高度,宽度,背景图片,网页定位,网页浮动.... 2.发展史 CSS1.0 只能美化字体 CSS2.0 DIV(块)+CSS,html与css结构分离的思想,网页变得简单,利于SEO CSS2
阅读全文
摘要:html+css+javascript 结构+表现+交互 1.css是什么 2.css怎么用(快速入门) 3.css选择器(重点+难点) 4.美化网页(文字,阴影,超链接,列表,渐变... ) 5.盒子模型 6.浮动 7.定位 8.网页动画(特效效果)
阅读全文