CSS
文章平均质量分 63
cutebright00
一名即将毕业的药师,but英语太差,并且不热爱动物实验、化学实验(私以为动物实验残忍,化学实验衰老的早)。更何况想高薪!!!
展开
-
20180611-CSS-背景和列表-课程介绍/详细内容
transparent是透明色。颜色名、rgb、十六进制 最常用,兼容性最好margin外填充的内容不包含在背景中。(边框移动,没有填充)padding内填充border:20px solid;border是边框 加上实线啊虚线啊才有用 border不是覆盖边框,而是在边框外加边。。。如果solid实心边框 dashed 虚线(dashed值不得大于高宽的一半,大于或等于高宽的一半 就...转载 2018-06-11 23:24:56 · 109 阅读 · 0 评论 -
20180610-CSS-文本样式-文本样式
<p style="text-align:left"></p><p align="left"></p>只有IE中会居中margin:0 auto0表示上下边距,auto表示左右边距自动。加上margin 会在 所有浏览器中居中显示,如下图vertical-align属性:只能改变行内垂直对齐属性,不能改变块的垂直对齐属性。应用格式:sub 下标...转载 2018-06-10 21:50:45 · 402 阅读 · 2 评论 -
20180617-CSS-网页布局基础
学习此案例需要具备的基础:1.HTML基础(div、ul、li、dl、dt、dd、img……)2.CSS基础(字体、背景、图片……)3.CSS定位、浮动(position、盒子模型、float) 板块分割原则:开发习惯;难易程度;可维护性;开发的顺序:从整体到部分;从左到右;从上到下;...原创 2018-06-17 20:13:44 · 170 阅读 · 0 评论 -
20180609-CSS-文本样式-字体样式
CSS字体和文本样式:文字样式属性:font-family字体属性:使用多个字体,转载 2018-06-09 20:20:02 · 171 阅读 · 0 评论 -
20180616-CSS-网页布局-经典布局/总结
圣杯布局:布局要求:上右下左padding:0 220px 0 200px;相对定位:position:relative;/*相对定位*/模块上移策略:margin-left:-100%;/*浮动属性下,负边界值会导致模块上移*/left:-200px;/*模块向左移200px*/上移方法二:margin-left:-220px;/*上移,不能完整填充页面*/right:-220px;/*模块...原创 2018-06-16 22:17:17 · 281 阅读 · 0 评论 -
20180615-CSS-网页布局
课程介绍:认识布局:-以最适合浏览的方式将图片和文字排放在页面的不同位置-布局模式有多种,不同的制作者会有不同的布局设计为什么要学习网页布局:-制作一个网页的基础课程包含内容:-行布局-多列布局-圣杯布局-双飞翼布局学习本门课程需要掌握的知识:-HTML和CSS基础-会使用DIV+CSS进行排版-熟悉float属性,position属性经典的行布局:-基础的行布局-行布局自适应-行布局自适应限制最...转载 2018-06-15 22:11:43 · 118 阅读 · 0 评论 -
20180608-CSS-CSS选择的样式-CSS应用
CSS样式命名规范:常用的CSS样式命名:总结:CSS选择器:CSS优先级:CSS样式命名规则:转载 2018-06-08 20:58:08 · 113 阅读 · 0 评论 -
20180607-CSS-CSS选择的样式-CSS继承、层叠、优先级
HTML文档结构:CSS继承:从父元素那继承部分CSS【部分!!!】继承好处:(部分!)1.父元素设置样式,子元素可以继承部分属性。2.减少CSS代码。默认字体大小:CSS层叠:可以定义多个样式;不冲突时,多个样式可层叠为一个;冲突时,按不同样式规则优先级来应用样式。CSS使用方法优先级:就近原则,最后两行为黄色,(最后的颜色,覆盖了之前的颜色)。后代选择器:CSS优先级规则:!important...转载 2018-06-07 20:54:55 · 209 阅读 · 1 评论 -
20180614-CSS-css定位-position属性详解
HTML中的三种布局方式:标准流;顺序布局浮动;定位;HTML两大元素:1,块级元素;独占一行!div h1~6 列表(ol,ul,li ) table p 等等;2,内联元素;一般不会独占一行!a超链接 span文字 img图片 input空键position中的可选参数:static:默认值,正常排列relative:相对定位,利用left top right ...原创 2018-06-14 14:10:22 · 165 阅读 · 0 评论 -
20180606-CSS-CSS选择的样式-CSS3选择器
分类:转载 2018-06-06 23:21:29 · 164 阅读 · 0 评论 -
20180613-CSS-float浮动-系列
其中,float:right;会从右往左显示,详情如图。文字环绕效果:img{ float:left}在style标签下,建立图片的样式,注意:img前面,没有点,没有点!!!!【点,是class属性里面用的,标签名直接写就行,不需要写点】*{} 在CSS里面是所有标签的意思。大概可以理解为通配符。行内属性,比如span本来是不具有块的,加了float浮动属性,都会默认变成 块状元素。浮动元...转载 2018-06-13 21:26:13 · 201 阅读 · 0 评论 -
20180605-CSS-CSS选择的样式-CSS3基本语法
HTML、CSS、JavaScript关系注:p h1 h2 h3.....{font-size:30px;}选择器 大括号 大小表示:以上段落的字体为30px,批量改变字体、颜色、大小的方式。如何引用CSS样式:有时候浏览器版本较低,在使用CSS内部样式时,样式 要用<!- - - ->注解掉。href 链接路径 ,连接到哪个样式里 r...转载 2018-06-05 21:46:02 · 139 阅读 · 0 评论 -
20180612-CSS-盒子模型-系列
课程内容:盒子模型属性:IE6浏览器不支持max-width和min-width有设置div600px的啊,为啥为啥是1350?????高度属性设置:p{background-color:#ececec;height:200px;float:left;}float:left;浮动,向左浮动。那些HTML元素可设置高和宽属性:同时设置,最后会呈现CSS样式!!!!height和width属性总结:边...转载 2018-06-12 22:06:47 · 108 阅读 · 2 评论 -
20180610-CSS-文本样式-应用
课程总结:原创 2018-06-10 22:41:24 · 103 阅读 · 0 评论