随笔分类 - HTML&CSS
摘要:1.文字阴影 text-shadow 文字阴影 参数1: X轴的偏移量 参数2: Y轴的偏移量 参数3: 阴影的大小 参数4: 阴影的颜色 给负值为反方向,阴影可以叠加,不建议用叠加 div{ font: 100px/200px "微软雅黑"; text-align: center; text-sh
阅读全文
摘要:1.各种不同内科浏览器的css3适配 -webkit-transition: 1s; /*Chrom、Safari*/ -moz-transition: 1s; /*Firefox*/ -ms-transition: 1s; /*IE*/ -o-transition: 1s; /*Opera*/ t
阅读全文
摘要:1.target-伪类 (对锚点状态进行修改) 双冒号是CSS3里的固定伪类语法,但是使用单冒号也有效 a{ font: 20px/20px "微软雅黑"; } div{ width: 300px; height: 200px; background: red; font: 50px/200px "
阅读全文
摘要:5.过渡 tansition (由一个状态过渡到另外一个状态的过程) transition 过渡 参数1: 过渡的时间,s代表秒,ms代表毫秒,1s=1000ms 参数2: 过渡的属性,all代表所有的属性 参数3: 过渡的方式,ease是默认的(减速) linear 匀速 ease-in 加速 e
阅读全文
摘要:<formaction="http://www.apeclass.com/"><!--表单的东西必须要要放form里面--> <p> <inputtype="text"name="userName"value="用户名"/> </p> <p> <inputtype="password"name="p
阅读全文
摘要:<!DOCTYPE html> <html> <head> <metacharset="UTF-8"> <title></title> <style> table{ border-collapse: collapse; } th,td{ padding:0; } table{ margin:0aut
阅读全文
摘要:一、在A标签内添加图片,解析的时候出现了莫名的距离。 div{ border:1px solid red; padding:1px; float:left; } <div> <a><imgsrc="img/pic.jpg"/></a> </div> 解决办法 一、可以选择给父级的div添加一个fon
阅读全文
摘要:一、浮动 float 定义:使元素脱离文档流,按照指定的方向发生移动,遇到父级或相邻的浮动元素就会停下来。 值: left.right.none 特征: 1. 块元素可以在一行显示 2. 按照一个指定的方向移动,遇到父级或相邻的浮动元素就会停下来。 3. 行内元素支持宽高 4. 脱离文档流 浮动元素
阅读全文
摘要:1 .BFC的含义 : Block Formatting Contexts(BFC) 块级元素格式化上下文 它决定了块级元素如何对它的内容进行布局,以及与其他元素的关系和相互关系 块级元素:父级(是一个块元素) 内容:子元素(是一个块元素) 其他元素:与内容同级别的兄弟元素 相互作用:BFC里的元素
阅读全文
摘要:对文字进行移动可以使用 text-indent: margin.padding 1.文字的话一般找行高,然后再去确定其准备的位置(给出行高字体会在此行高居中显示)。单行文字如果不设置行高也可以,但是使用margin有可能位置不精确。 2. font是对文字的大小(一般都是偶数),字体,粗细做出修改,
阅读全文
摘要:块元素(block): 1.默认独占一行 2.没有给宽度的时候,宽度是auto,(宽度是父级的宽度) 3.支持所有的css命令 div,h1-h6,p,ul,li,ol,dl,dt,dd,header,nav,footer,section,article,aside 行内元素(inline)也叫内联
阅读全文
摘要:1、行内标签不能嵌套块标签,块标签可以嵌套行内标签。 2、a标签不能嵌套a标签 3、h1-h6,dt这些标签的性质是标题,那里面就不能嵌套块级标签,(可以嵌套行内标签) 4、P标签不能嵌套块标签 5、ul和li,ol和li,dl和dt.dd他们是固定的嵌套规则 1) ul和ol下边只能和li嵌套,l
阅读全文