随笔分类 -  CSS

css相关笔记（十）
摘要：1.a链接有自己默认的字体颜色，所以不会继承父容器的字体颜色的。2.其实设置 一个容器的高度和宽度就能够实现分辨率放大或者缩小时整体结构不会有很大的变化，但是 影响其因素如果包括 padding或者内部元素浮动方向不同 就会出现例外，那个时候就算你设置了具体的高宽都会... 阅读全文
posted @ 2018-06-09 07:27 我叫贾文利 阅读(99) 评论(0) 推荐(0)
html+css相关笔记（一）
摘要：1.a链接的href◆href属性如果什么都不写，默认刷新当前页面◆href属性如果写网址，会跳转到该网址◆href属性如果写#，会跳到当前页面的最上端◆href属性如果写javascript:void(0)；或者avascript:;，就会取消a链接的功能。2.定位... 阅读全文
posted @ 2018-06-09 07:25 我叫贾文利 阅读(86) 评论(0) 推荐(0)
css相关笔记（九）
摘要：1.行内块儿元素在块儿级元素中居中的方法是，设置块儿级元素的行高等于块儿级元素的高度，并且设置行内块儿元素的vertical-align:middle，就能实现行内块儿元素行内居中。2.命名规则： 头：header 内容：content/container 尾：... 阅读全文
posted @ 2018-06-09 07:25 我叫贾文利 阅读(96) 评论(0) 推荐(0)
css相关笔记（八）
摘要：1.垂直方向上外边距会折叠，解决办法有三◆设置父容器的边框◆设置父容器的overflow:hidden;◆让父容器脱离标准文档流2.发现一个特殊现象给元素设置absolute时，先不让它移动，然后给他设置text-indent:-5000em;此时它会停留在原地，而不... 阅读全文
posted @ 2018-06-08 09:56 我叫贾文利 阅读(85) 评论(0) 推荐(0)
css相关笔记（七）
摘要：1.边框其实三角形的，border-width:30px;border-color:#f00 #f0f #0ff #0f0;border-style:solid;当高度和宽度都为0时，边框其实是三角形的。2.做网页记住几点：★首先是css初始化★先编写公共的类 如左右... 阅读全文
posted @ 2018-06-08 09:54 我叫贾文利 阅读(73) 评论(0) 推荐(0)
css相关笔记（六）
摘要：1.元素浮动之后就会转换为行内块儿元素，行内块儿元素不设置高宽时默认由其内容来决定高度和宽度。2.父容器中子容器全部都浮动时，父容器的高度为0，但是如果所有子容器可以确认高度，那么可以直接设置父容器的高，父容器有具体的高度时，就不会影响后面没有浮动的元素了，一般让父容... 阅读全文
posted @ 2018-06-08 09:52 我叫贾文利 阅读(117) 评论(0) 推荐(0)
css相关笔记（五）
摘要：1.字体的所有属性都可以被继承，但是字体的连写 会层叠掉你继承的字体属性，例如你在父容器中写了字体的属性，当你在自己的样式中使用 font属性连写时，会层叠掉父容器中的字体属性，就算是 font:18px normal;虽然没写全，但其它都是默认值，依旧会层叠掉你继承... 阅读全文
posted @ 2018-06-08 09:50 我叫贾文利 阅读(119) 评论(0) 推荐(0)
css相关笔记（四）
摘要：1.当外边距塌陷时，其实就是垂直方向上的外边距折叠导致的影响，影响有三：◆相邻外边距都是正数时会取最大数作为外边距◆相邻外边距都是负数的时候会取绝对值最大的数作为外边距◆相邻外边距一正一负时会取两个外边距之和。解决这个影响的方法有两种：★给父容器设置边框（不推荐使用）... 阅读全文
posted @ 2018-06-08 09:49 我叫贾文利 阅读(105) 评论(0) 推荐(0)
css相关笔记（三）
摘要：1.行高是基线到基线之间的距离， 基线到基线之间的距离也等于 上边距到下边距之间的距离 所以行高=文字高度 +文字顶线到上边距的距离(上边距) +文字底线到下边距的距离(下边距)2.当行高与父容器的高度相同时, 文字就会垂直居中 3.行高的单位 有px e... 阅读全文
posted @ 2018-06-08 09:48 我叫贾文利 阅读(104) 评论(0) 推荐(0)
css相关笔记（二）
摘要：1.复合选择器两个或者两个以上的选择器通过不同的方式连在一起 就叫复合选择器2.块儿级标签中如果没有内容那么必须要设置高度，否则就看不见了，宽度会自动与父块儿元素默认一致。3.行内块儿元素 是可以直接设置宽高的 而行内元素不可以直接设置宽高。4.浏览器默认一个字体的大... 阅读全文
posted @ 2018-06-08 09:47 我叫贾文利 阅读(135) 评论(0) 推荐(0)
css相关笔记（一）
摘要：0.不推荐使用＊通配符选择器　因为这会使浏览器的压力更大　1.选择器的命名规范： ◆不能使用 数字开头或纯数字 ◆不能使用 特殊符号开头或 纯特殊符 号（不推荐使用_开头或者纯下划线） ◆不推荐使用纯中文或包含中文 ◆不推荐使用标签名、属性或者属性的值2.颜色值推... 阅读全文
posted @ 2018-06-08 09:46 我叫贾文利 阅读(119) 评论(0) 推荐(0)