摘要： 网页做三角形图片，你还在拿ps调整吗？out了，老铁，来和我一起脑海畅想一个正方形是由4个等腰直角三角形构成，然后我想保留上边的三角形，那下边、左边、右边的三角形就没了（设置背景色transparent或者与背景相近的颜色），最终结果就是一个保留上边，方向朝下的三角形，需要注意一点的是设置的css样式中width=0，如果不是就不能构成正方形，而是一个梯形；此外还可以通HTML实体里的三角形符号，朝上▲朝下▼朝左◄朝右►，最后通过font的大小颜色控制三角形！ 阅读全文

摘要： 边框border通常简写为"border:1px solid red;"但其实一个完整的border边框其实是由1.border-width/*边框宽度*/,2.border-style/*边框样式*/,3.border-color/*边框色彩*/三大属性构成构成;边框方位分为border-top,bottom,left,right 边框属性样式整理：border-style:none;/*无边框*/border-style:hidden;/*隐藏边框*/border-style:dotted;/*点状虚线*/border-style:dashed;/*块状虚线*/border-style:solid;/*实线*/border-style:double;/*双线*/（至于border-style:groove;border-style:ridge;border-style:inset;border-style:outset;效果用到较少，通常solid,dashed,none） 阅读全文

摘要： 是谁在耳边对我说！important提升权重优先级，只为这一句，我用了3600s研究通配符与标签!important的背景展示，也是让我怀疑人生了！选择器权值:标签选择器1,类选择器和伪类选择器:10,ID选择器:100,通配符选择器:0,行内样式:1000,!important 在一定条件下，优先级最高。根据百度官方介绍body是用在网页中的一种HTML标签，那就说明它是个标签呀，然而通配符选择器(曾怀疑*不是，不过通配符选择器介绍)和标签body同时定义页面背景色，展示的却是通配符定义的，咋办？曰：/*如果非在通配符定义背景的前提下，让body背景颜色正常展示，加高*/，除了body外，其他标签正常展示，适用于这个css选择器优先级！ 阅读全文

摘要： background如何简写？如何在背景图像不变的情况下，依旧实现页面文字滚动，为之奈何？别担心，快用background-attachment: fixed;/*固定定位*/常用的background样式如下，1.background-color2.background-image3.background-repeat4.background-attachment5.background-position，废话不多扯，直接代码页面展示： 阅读全文

摘要： 常见css样式:1.字体与颜色2.背景属性3.文本属性4.边框属性5.鼠标光标属性6.列表样式7.定位属性8.内外边距9.浮动和清除浮动10.滚动条11.显示和隐藏 文本:1.letter-spacing/*字间距*/2.word-spacing/*词间距*/3.text-decoration/*下划线*/4.text-align/*对齐*/5.text-indent/*缩进*/6.line-height/*行高*/7.color/*颜色*/8.word-break/*文本折行*/ 字体:1.font-family/*字体类型*/2.font-size/*字体大小*/3.font-style/*字体样式*/4.font-weight/*字体粗细*/ 阅读全文

摘要： 常见的css选择器包含：常用选择器、基本选择器、层级选择器、伪类选择器、属性选择器，其中常用选择器分为：1.html选择符*{}//给页面上所有的标签设置模式；2.类选择符.hcls{}//给class是hcls的一类标签设置模式；3.id选择符#h3{}//给id是h3的标签设置样式；4.关联选择符#div h1、#div h1.ljhcls；5.div,h1,pmspan,button{}基本选择器分为:first-child第一个、::first-letter第一个字母、::fist-line第一行、:last-child最后一个元素、:nth-child(n)第几个元素，层级选择器分为a,b组合、a b后代、a>b子代、a+b a的一个是b，伪类选择器:hover鼠标经过、:focus焦点、::selection文字选中背景色，属性选择器[属性]、[属性=值]、[属性~=值]//包含任意一个值、[属性^=值]以什么开始、[属性$=值]以什么结束。 阅读全文

摘要： 通过学习CSS3游戏介绍、CSS样式和优先级章节，了解到html5+css3+js不光可以实现动画，其次可以往这个游戏与建模方向发展，更多css3特效访问Gerard Ferrandez on CodePen其次html嵌套css样式分为3种：内联、内部、外部、写法上推荐的是外部，便于代码复用性；样式表的写法是选择器{设置样式}；css中常见的注释为/**/；css的优先级：内联style>id选择器>class选择器>标签；在css中，文本默认字体大小16px，长度单位分为px像素与em倍数；除此之外，颜色写法形式如下：#ffff16进制、yellow英文单词、rgb(216, 17, 173)其中当#ff0000可以简写为#f00,闲话不多扯，直接代码展示： 阅读全文