CSS
布吉
这个作者很懒,什么都没留下…
展开
-
01:HTML中插入CSS(层叠样式表)的方法
1.注释: (1).HTML的注释: (2).CSS的注释:/* */ 2.HTML中插入CSS(层叠样式表)的方法 (1).行内样式 (在标签后面直接写样式) <!doctype html> <html> &原创 2018-08-09 20:24:55 · 1937 阅读 · 0 评论 -
视频笔记:浮动
1.浮动(float:left/right/none;)的原理 (1)使块级元素在同一行显示; (2)使行内元素(span)支持宽和高; (3)不设宽或高时,宽和高由内容撑开; (4)如果在该内容上加了浮动,该内容会“飘起来”,会使该内容覆盖在它的下一个内容上;元素添加了浮动之后不会占位置(脱离文档流);文档流是文档中可显示对象在排列时所占用的位置。 (5)如果元素加了浮动:它将脱离文档流,再按照...原创 2018-11-12 22:18:24 · 210 阅读 · 0 评论 -
读书笔记:HTML &CSS设计与构建网站
HTML部分: 1.在同一个网页由当前位置跳转到指定位置,实现:在指定位置的标签设置id(或者设置name),再在当前位置的链接的href属性设置为”#id”(或者”#name”);如果是跳转到其他页面指定位置,则将当前的href属性设置为”文件名#id”(或者”地址/#id”); 2.如何设置表格表头不随浏览器滚动条滚动;如何在输入框前面加入图标; 如何组合表单元素控制外边框的长度和高度;...原创 2018-09-12 21:02:35 · 1313 阅读 · 0 评论 -
09:CSS设置盒子模型
盒子模型 1盒子模型图 2一个简单的盒子模型 box.html <!doctype html> <html> <head> <meta charset=&原创 2018-08-17 19:52:13 · 223 阅读 · 0 评论 -
08:CSS设置表格样式
1.一个简单的表格 table.html <!doctype html> <html> <head> <meta charset="utf-8"> &lt原创 2018-08-17 19:30:41 · 153 阅读 · 0 评论 -
07:CSS设置列表样式
1.有序列表(ol)和无序列表(ul) list.html <!doctype html> <html> <head> <meta charset="utf-8"> &a原创 2018-08-17 19:25:37 · 294 阅读 · 0 评论 -
04:CSS设置文本样式
1.文本中大小写字母转换—text-transform 属性值: uppercase;(全部大写) lowercase;(全部小写) capitalize;(在所有小写单词中,首字母大写) p{ text-transform:uppercase; } 2.文本居中——text-align 属性值: center;(居中) ...原创 2018-08-12 21:27:42 · 243 阅读 · 0 评论 -
视频笔记:滤镜和遮罩弹窗
遮罩滤镜 1.不透明度opacity:0到1;(IE7以下不支持);但IE7以下有它的 私有滤镜 filter:alpha(opacity=0~100); 2.应用:弹窗(思想:在原来的内容上添加一个div, 并且设置该div的大小为整个页面(百分比), 和该div的定位为绝对定位(absolute漂浮在内容上), 并且设置该div有透明度的背景; 在再此基础上创建窗体(div),设置定位为绝对...原创 2018-11-23 19:19:10 · 194 阅读 · 0 评论 -
视频笔记:浮动的问题、IE6、IE7的bug
在IE6,IE7元素浮动元素要并在同一行, 都要加浮动,这样元素之间不会产生间距和其他问题; IE6下的双边距Bug:在IE6下(子)元素有浮动, 横向的margin会放大两倍; 解决办法:给子元素加display:inline; IE6,7下的几px问题:在IE6,7下li没有浮动,但内容浮动了 li下就会多出来几px; 解决办法:1.给li加浮动并且设置宽度 li{ ...原创 2018-11-23 19:17:55 · 130 阅读 · 0 评论 -
视频笔记:定位
元素如果没有脱离标准文档流,在设置margin-top(可为负值)时,元素下面的 元素也会移动; 相对定位(position:relative;) 1.不影响元素本身的特性; 2.不会让元素脱离标准文档流; 3.如果不设置偏移量,对元素没有任何影响; 4.定位元素方向控制:top/bottom/left/right; 5.相对定位是相对于自己最开始的位置(相对于自己)进行了偏移; 6.偏移量可正可...原创 2018-11-23 19:16:18 · 370 阅读 · 0 评论 -
视频笔记:表格/表单
//表格 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table> <c原创 2018-11-23 19:14:14 · 126 阅读 · 0 评论 -
02:CSS选择符(器)
1.选择符(器)使用基本语法 选择符{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; …..: …….; } 2.标记选择器(直接使用HTML标签做选择器) second.html &amp;lt;!doctype html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;he原创 2018-08-11 14:12:43 · 119 阅读 · 0 评论