
CSS
文章平均质量分 59
S_xiajinghan
这个作者很懒,什么都没留下…
展开
-
CSS 写法 属性
作用:美化网页 概念:层叠样式表(级联样式表)Cascading Style Sheets 层叠:CSS特性 与HTML之间的关系: ◆CSS以html为基础。 ◆CSS代码或者CSS文件不能单独执行。书写方式:原创 2017-05-11 10:50:06 · 540 阅读 · 0 评论 -
script标签的属性 async 和 defer 的区别
defer: defer="defer" 值可以省略,等到文档完全被 解析 和 显示 后,脚本(js的文件)再执行,只要外部脚步可以使用。async: async="async" 值可以省略,立即异步下载执行外部js,不影响页面其他的操作,js下载完毕立即执行。type: type="text/javascript"原创 2017-07-13 14:02:53 · 370 阅读 · 0 评论 -
CSS 伪类(a标签) 背景
都用的是:冒号:◆a:link{属性: 值; } 设置a标签默认的样式。 与a{属性: 值}的用法一样。 推荐使用a{属性: 值}设置样式。◆a:visited{属性: 值;} 设置a标签访问过后的样式。 注意: :visited该伪类中只能设置与颜色相关的属性。◆a:hover{属性: 值原创 2017-05-12 14:39:52 · 1382 阅读 · 0 评论 -
CSS 圣杯布局 双飞翼布局
两种其实是一样的布局。特点:中间的内容可以根据屏幕的大小的改变而改变,左右两边的内容保持不变 圣杯布局(了解)目的:加载文档时先加载中间区域,再加载左右两边。特点:中间的内容可以根据屏幕的大小的改变而改变,左右两边的内容保持不变。实现:1.0在一个大的div中放入三个小的div,并且排序一定要是中间的div放在文档的最前面。2.0给大的div设置左右原创 2017-06-01 15:11:06 · 552 阅读 · 0 评论 -
CSS H5 定位
CSS :选择器盒子模型 浮动 定位 作用: 实现网页布局(移动盒子) 分类: ☞静态定位(static) ☞绝对定位(absolute) ☞相对定位(relative) ☞固定定位(fixed)1.1 静态定位(stati原创 2017-05-16 17:52:35 · 518 阅读 · 0 评论 -
CSS 元素隐藏 滑动门 精灵图
元素隐藏☞overflow:hidden; 超出部分(超出父元素部分)隐藏☞display:none; 元素整体隐藏display: block; 显示隐藏元素☞visibility:hidden; 元素隐藏 区别:◆display: none; 隐藏元素后不占位置◆visibility:hidden; 隐藏元素后原创 2017-06-01 15:05:34 · 602 阅读 · 0 评论 -
CSS 标准流 浮动 清除浮动
1 新知识学习1.1 标准流(normal flow) 页面中标签的默认显示方式1.2 浮动(float) 用法: float:left | right 特点: ◆浮动的元素不占位置(脱标)。 ◆浮动可以让块级元素在一行上显示。 ◆实现原创 2017-05-16 11:44:33 · 412 阅读 · 0 评论 -
Css lineheight 行高
浏览器中: 默认文字大小为16px默认行高 默认18px行高= 文字大小+上间距+下间距 ◆设置的行高,改变的是文字上下间距 ◆影响行高的因素: ■文字大小。 ■文字字体。(font-family)☞作用: ◆让文字在标签中垂直居中(设置行高值等于标签的高度即可) ◆行高只能原创 2017-05-12 17:12:59 · 558 阅读 · 0 评论 -
Css 元素之间的模式转换
元素之间的模式转换 ☞转换为块级元素 display: block; 转化为块级元素 ☞转换为行内块元素 display:inline-block; 转换为行内块☞转化为行内元素 display: inline; 转换为行内元素。注意: ◆一般情况下会将行内元素原创 2017-05-12 10:44:59 · 648 阅读 · 0 评论 -
CSS显示方式分类
☞块级元素☞行内元素☞行内块元素(替换元素)块级元素代表: p,div,h1,ul,ol,dl,li.... 特点: ◆如果块级元素没有设置宽度的情况下,那么该块级元素的宽度与其父元素的宽度一致。(宽度和高度是不能继承的!) ◆块级元素不能在一行上显示原创 2017-05-12 10:35:57 · 550 阅读 · 0 评论 -
CSS特性
层叠性 标签调用类样式: ◆与调用的顺序没有关系 ◆与定义的样式顺序有关 层叠性: ◆同一个标签,权重一样并且样式发生了冲突,最后一次定义的样式会将前面定义的样式给覆盖掉 .one{ color:re原创 2017-05-12 13:47:16 · 287 阅读 · 0 评论