css
关注
分享
扫一扫
文章平均质量分 84
muzidigbig
凡事第一反应，找方法，而不是找借口；发现问题，反思，而不是急着辩解。
展开
-
html默认css样式的标签及去除(全局)
1.标签的默认样式和清除默认样式（统一全局样式）的代码大多数标签都有自己的默认样式，比如遇到的body默认外边距，另外本例中ul前的圆点及左侧的内边距，另h1-h6字体大小各不相同，em默认为斜体，strong表示粗体。正因为有这些默认样式，一个设计合理的页面，即使没有加载样式，也能让用户很容易阅读。但此时这些默认样式对我们没用，所以需要清除掉，为了方便，建议用标签重定义方式，这样可以很简单地...原创 2018-05-19 09:27:11 · 42890 阅读 · 0 评论 -
css定义变量(定义:--aa；使用:var(--aa)、calc()计算样式函数
一、兼容性2017年3月，微软宣布 Edge 浏览器将支持 CSS 变量。这个重要的 CSS 新功能，所有主要浏览器已经都支持了。二、用法 声明css变量的时候，变量名前面要加两根连词线（--）。 变量名大小写敏感，--header-color和--Header-Color是两个不同变量。 var()函数用于读取变量。var()函数还可以使用第二个参数，表示变量的...原创 2019-05-07 12:16:21 · 14279 阅读 · 0 评论 -
用css画一个卡通形象-小猪佩奇
最近在腾讯云技术社区遇到了一位奇才，用css画出了一个社会人小猪佩奇，不得不服。研究了一下他的文章https://segmentfault.com/a/1190000014909658，感觉甚是有趣，果断收藏。效果：<!DOCTYPE html><html><head> <title>用css画一个小猪佩奇</titl...转载 2019-04-03 11:59:15 · 1792 阅读 · 0 评论 -
浅谈CSS中的<li>之间的空白间隔问题
问题：有时候，我们需要将<li>横向排列，而又为了能设置其宽度和高度，为其设置display:inline-block，相邻<li>之间会出现8px的空白间隔，不是margin也不是padding。<head> <meta charset="UTF-8"> <meta name="viewport" content=&原创 2018-11-05 13:18:35 · 2616 阅读 · 0 评论 -
css3修改滚动条样式
1.滚动条组成 ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条） ::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb） ::-webkit-scrollbar-button 滚动条的...原创 2018-11-07 22:42:17 · 1394 阅读 · 2 评论 -
常见中文字体英文名称以及windows默认字体类型
Windows 95/98/98SE 宋体、黑体、楷体_GB2312、仿宋_GB2312Windows XP/2000/2003/ME/NT 宋体/新宋体、黑体、楷体_GB2312、仿宋_GB2312 (Windows XP SP3 宋体-PUA)Windows Vista/7/2008 宋体/新宋体、黑体、楷体、仿宋、微软雅黑、SimSun-ExtB例1（小米米官网）：font-f...原创 2018-11-01 07:59:26 · 11958 阅读 · 2 评论 -
CSS中一个冒号和两个冒号有什么区别
一个冒号是伪类，两个冒号是伪元素伪类:可以独立于文档的元素来分配样式，且可以分配给任何元素，逻辑上和功能上类类似，但是其是预定义的、不存在于文档树中且表达方式也不同，所以叫伪类。伪元素:所控制的内容和一个元素控制的内容一样，但是伪元素不存在于文档树中，不是真正的元素，所以叫伪元素。伪类有：:first-child ，:link:，vistited，:hover:，:active , :f...原创 2018-10-09 09:58:26 · 1655 阅读 · 0 评论 -
css隐藏元素的六种方法
用css隐藏页面元素有许多种方法：display:none (通过隐藏盒子属性，脱标)visibility:hidden(通过隐藏盒子属性，不脱标)opacity:0 (t)(通过改变元素的透明度，不脱标)position:absolute(通过定位将元素定到远离页面的位置，脱标)cli-path:polygon(0px 0px , 0px 0px,0px 0p...原创 2018-07-09 11:09:24 · 12428 阅读 · 0 评论 -
css的四种引入方式及优先级
第一：css的三种引入方式1.行内样式最直接最简单的一种，直接对HTML标签使用style=""，例如：<p style="color:#F00; "></p>缺点：HTML页面不纯净，文件体积大，不利于蜘蛛爬行，后期维护不方便。2.内嵌样式内嵌样式就是将CSS代码写在<head></head>之间，并且用<style>&原创 2018-05-26 07:41:45 · 24316 阅读 · 1 评论 -
css基础-网页的布局思想、行内元素转换为块元素、内容溢出的处理、div盒子的定位
css基础-网页的布局思想、行内元素转换为块元素、内容溢出的处理、div盒子的定位原创 2017-11-17 14:57:31 · 1662 阅读 · 0 评论 -
css基础-盒子（div）模型、背景属性、边框线的设置、padding、margin、网站的设置思想（float），图片代替列表符号
css基础-盒子（div）模型、属性、边框线的设置、padding、margin、网站的设置思想（float），图片代替列表符号原创 2017-11-16 10:54:17 · 3052 阅读 · 0 评论 -
css基础-CSS选择器及优先级
CSS1选择器注：注1：为什么要LVHA1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性，后面的属性会覆盖前面的属性定义；2.鼠标经过的“已访问链接”同时拥有a:visited、a:hover两种属性，后面的属性会覆盖前面的属性定义；所以说，a:hover定义一定要放在a:link、a:visited的后面。再重复一遍正确的顺序是：a:link、a:visited、a:hover、a:active .原创 2017-11-15 18:15:48 · 5519 阅读 · 2 评论 -
pc端和移动端默认样式重置(rem布局)
为何要用重置样式浏览器默认字体大小rem 适配： html {font-size:} 设置值问题移动端1px边框问题rem+动态html的font-size原创 2018-06-05 19:20:31 · 1805 阅读 · 0 评论