随笔分类 - css
1
摘要：要求 ：动态循环加载内容部分 基本知识点： 常用： table{宽，高一般不设置动态加载方便} table td tr{border :1px solid red} 根据需求 border-collapse:collapse; 表格设置合并边框模型，不然border宽度不一样 colspan=“”
阅读全文
摘要：*{ margin:0; padding:0; } .d0{ position:relative; margin:0 auto; width:40%; height:100px; } .d1{ width:150px; height:100px; position:absolute; left:0;
阅读全文
摘要：京东商城特效 <strong style="background-image: -webkit-linear-gradient(left, rgb(255, 42, 42), rgb(241, 57, 210)); background-clip: text; -webkit-text-fill-c
阅读全文
摘要：可以看一下这里html - html5 vertical spacing issue with <img> 几乎是题主问题的一种更详细问答。 原因：我大概看了一下，挺有意思的。我简单翻译一下高票答案： 首先，浏览器并没有所谓的"HTML 5 模式"，而是只有三种：怪异模式(Quirks)
阅读全文
摘要：弹性布局(Flexible Layout) 1、什么是弹性布局 弹性布局(Flexible Layout),是一种布局方式，是一种解决某元素中"子元素"的布局方式 2、flex的容器 将元素变为flex容器后，那么所有的子元素都将成为flex项目，都允许按照弹性布局的方式来排列 如何将元素变为 fl
阅读全文
摘要：下面这一张图；划分九个区域点击链接不停地址 <IMG usemap="#Map" alt="" src="/images/banbian.jpg"> usemap是img标签的一个属性，usemap=“#Map”表示和id为Map的map相关联，其中area 标记的 的shape=“形状” 表示区域
阅读全文
摘要：z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 注释：元素可拥有负的 z-index 属性值。 注释：Z-index 仅能在定位元素上奏效（position属性值设置除默认值static以外的元素，包括relative，absolute，fixed
阅读全文
摘要：一、position定位 （一）：position的属性 1.absolute：生成绝对定位的元素，相对于最近一级定位不是static的父元素来进行定位； 2.relative：生成相对定位的元素，相对于其所在普通的文档流位置进行定位； 3.static:默认值，没有定位，元素出现在正常的文档流中;
阅读全文
摘要：float和绝对定位的区别： 需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。 而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。 其中线条为中间到两端渐变用背景图片添加
阅读全文
摘要：display：table和table-cell是如何让多行文字垂直居中的 .parent{ display:table; margin:0 auto; text-align:center; width:200px; height:300px; border:1px solid red; } .so
阅读全文
摘要：1.<a href="http://www.baidu.com">a标签.baidu.com</a> 2. <a href="javascript:;" onclick="openurl()" >js跳转.baidu.com</a> function openurl(){ window.locati
阅读全文
摘要：1、什么是内容生成 使用CSS动态的向某元素中插入一部分内容 2、伪元素选择器 1、:before 或 ::before 作用：匹配到某元素的内容区域之前 <p>(:before)举头望明月</p> 2、:after 或 ::after 作用：匹配到某元素的内容区域之后 <p>低头思故乡(:afte
阅读全文
摘要：复杂选择器 1、兄弟选择器 作用：获取某元素平级的后面的兄弟元素 <div> <p id="p1"></p> <p id="p2"></p> <p id="p3"></p> </div> 注意：兄弟选择器，只能向后找，不能向前找 1、相邻兄弟选择器 作用：获取紧紧挨在某元素后的兄弟元素 语法：选择器
阅读全文
摘要：一、继承性 1）什么是继承性？ 给父元素设置一些属性，子元素/后代也可以使用，这个我们称之为继承性。 2 ) 并不是所有属性都可以继承的，那么有哪些属性具有继承性？ 只有以color/font-/text-/line开头属性才可以继承 3） 继承性特殊性 a标签的文字颜色和下划线是不能继承的 h标签
阅读全文
摘要：body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{ margin: 0; padding: 0; } body{font-family: "Microsoft YaHei";font-siz
阅读全文
摘要：CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- t
阅读全文
摘要：<style> .bar{ /*overflow:hidden;*/ /*BFC解决方案在没有position情况下使用；应为超出部分会隐藏*/ /*BFC参考第二篇随笔*/ border:1px solid blue; } .bar:after{ content:""; display:block
阅读全文
摘要：<style> .par { border: 5px solid #fcc; width: 300px; /*height:110px; 注意这里给外层元素设置相应高度，外层元素会包裹内层元素，并占用文档流*/ /*float:left; 或者给外层元素设置浮动，外层元素也会包裹内层元素，但不会占用
阅读全文
摘要：通常情况下，我们元素的position属性的值默认为static 就是没有定位，元素出现在正常的文档流中，，这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的，不会生效，比如你设置一个距离左边距偏移100px的声明：left:100px 那么这条声明不会起
阅读全文
1
浙公网安备 33010602011771号