css
文章平均质量分 58
骑着毛驴的小猴子
哇哇哇
展开
-
CSS常用属性之边框
border-width 边框的宽度 取值:像素《不能为负》 medium:默认3px; thin:默认1px; thick:默认5px; 取值数目:{1,4} ①如果提供全部四个参数值,将按上、右、下、左的顺序作用于四原创 2017-06-28 16:41:15 · 513 阅读 · 0 评论 -
CSS属性之颜色与字体格式
1.color:#000|#000000; 颜色3位或者6位 transparent透明 2.rgb(0,0,0) 0~255,红绿蓝 3.rgba(0,0,0,0.5) 0~1,色彩及透明度,此为半透明 4.hsl(0,0,0) 色相(0~360)、饱和度(百分比)、亮度(百分比) 5.hsla(300,50%,50%,0.5) 6.色彩:红(r原创 2017-07-05 20:47:41 · 749 阅读 · 0 评论 -
css属性之定位
相对定位:position:relative; 参考物:相对于自己原始位置。 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ width:原创 2017-07-05 20:18:40 · 315 阅读 · 0 评论 -
浅谈CSS属性之布局--flex布局<弹性盒模型>
一、Flex 布局是什么? Flex 是 Flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text原创 2017-07-05 13:27:26 · 463 阅读 · 0 评论 -
一篇文章让你精通CSS选择器
分类元素选择器 1.1 通用选择器(*) 选择符:所有元素对象; 1.2 类型选择器(E) 选择符:文档语言对象类型; 1.3 ID选择器(E#myid) 选择符:唯一标识符id属性等于myid的E对象; 1.4 类选择器(E.myclass) 选择符:class属性包含myclass的原创 2017-06-24 23:45:23 · 473 阅读 · 0 评论 -
css优先级与特指度
1、CSS优先级基础Important > 内联(行内) > ID >类 |伪类 |属性选择器 >标签 >通配符> 继承 (1)内联: (2)id:#cls{color:yellow;} (3)类:.cls{color:yellow;} (4)伪类: a:hover{color:yellow;}(5)属性选择:[type=button]{};原创 2017-06-21 23:58:40 · 676 阅读 · 0 评论 -
nth-of-type和nth-child的区别
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> li:nth-of-type(1) { color: red; } </style> </h原创 2017-07-03 20:15:41 · 277 阅读 · 0 评论 -
CSS中link和import的加载顺序级别以及HTML加载顺序详解
概念: (1)import与link的区别: @import url(“CSS地址”) CSS专用语法 作用:@import作用于团队分工,最后合并一起 可以在.css中使用,即在一个css文件中能够引入另外的CSS文件, 或者是在标签使用,如下: link:链接 relation:关联(可以省略) type:类型 href: HyperText Refer原创 2017-07-03 17:28:21 · 6101 阅读 · 1 评论 -
浅谈BFC块状格式化上下文环境
一、BFC布局规则 1、内部的Box会在垂直方向,一个接一个地放置。 2、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠 3、每个元素的margin box的左边, 与包含块border box的左边相接触(对于从左往右的格式化,否则相反)。即使存在浮动也是如此。 4、BFC的区域不会与float box重叠。 5、BFC就是页面上的一个隔原创 2017-07-11 16:14:51 · 261 阅读 · 0 评论 -
css三种书写格式以及import与link的区别
1.css组成css{属性,属性值}属性:描述一个东西的基本特征。如:身高属性值:每个属性具体内容,如:1.75m西施{体重:50kg;姓名:西施;升高:1.7m;}CSS属性不分先后顺序,若有重复以后面为准。2.CSS书写格式(1)内联写法/行内CSS style是标签的属性优点:简单、高效、快速缺点:不能重用(2)内部C原创 2017-06-22 00:10:15 · 938 阅读 · 0 评论 -
CSS属性之背景
1.background:red url(“pic.jpg”) center center / 160px 80px no-repeat; 背景图像在背景颜色的上方,整体居中,大小160*80px且不重复 2.background-size:contain|cover; 背景图片大小包含在块中,自动变大小,但不重复; 背景图片很小,盒子很大,背景图像自动重复平铺 背景图片很大,盒子很原创 2017-07-10 22:55:43 · 289 阅读 · 0 评论 -
CSS属性之浮动以及解决浮动塌陷
1.浮动能使元素半脱离文档流–>半脱离指具体的数据会被拦截,常用于制作文字包围图片(文本流水) 2.行内元素设置浮动后能识别宽高。 3.语法:float:left | right; 清除浮动:clear:left | right | both;浮动塌陷:子元素浮动,父元素高度为0; 解决方案: (1)父元素添加overflow:hidden; (2)父元素添加float:lef原创 2017-07-10 22:37:31 · 466 阅读 · 0 评论 -
利用CSS进行各种图形的绘制
<body> <div id="square"></div> <!--正方形--> <div id="rectangle"></div> <!--长方形--> <div id="circle"></div> <!--圆--> <div id="oval"></div> <!原创 2017-06-30 02:08:33 · 304 阅读 · 0 评论 -
文本样式
1.em 相对于最近的font-size,如果找不到默认为16px,如果前边加数字,代表几倍 rem(root em) 常用于移动端,只参考根元素标签样式的文字大小,还可用于宽度,长度等(width:10rem) 凡是能用px的地方,都可以使用em/rem 100% font-size:100%即是16px, 2.white-space:nowrap;盒子放不下,保持文字不原创 2017-07-05 20:50:52 · 278 阅读 · 0 评论