动态伪类并不存在于HTML中,只有当用户和网站交互的时候才能体现出来。动态伪类包含两种,第一种是在链接中常看到的锚点伪类,另一种为用户行为伪类
2016-11-240个赞
E:hover;/*支持firefox、safari、Opera、ie8、chrome*/ E:active;/*支持firefox、safari、Opera、chrome 不支持ie8*/ E:focus; /*支持firefox、safari、Opera、ie8、chrome*/ E:enabled;/*支持firefox、safari、Opera、chrome 不支持ie8*/ E:disabled;/*支持firefox、safari、Opera、chrome 不支持ie8*/ E:read-only;/*支持firefox、Opera 不支持ie8、safari、chrome */ E:read-write/* 支持firefox、Opera 不支持ie8、safari、chrome*/ E:checked /*支持firefox、safari、Opera、chrome 不支持ie8*/ E::selection /* 支持firefox、safari、Opera、chrome 不支持ie8 */ E:default /*只支持firefox*/ E:indeterminate/*只支持Opera*/
2016-11-240个赞
:fist-child :last-child :nth-child() :nth-last-child() :nth-of-type() :nth-last-of-type() :first-of-type :last-of-type :only-child :only-of-type :empty
2016-11-240个赞
<style type="text/css"> ul li{} input:not(:disabled){ color:green; } </style>
2016-11-240个赞
CSS中有一种基础设计模式叫盒模型,盒模型定义了Web页面中的元素中如何来解析
2016-11-240个赞
主轴(main axis):伸缩容器的主轴,伸缩项目主要沿着这条轴进行排列布局。 主轴起点(main-start)和主轴终点(main-end):伸缩项目放置在伸缩容器内从主轴起点(main-start)向主轴终点(main-start)方向。 主轴尺寸(main size):单个项目占据的主轴空间叫主轴的尺寸。 侧轴(cross axis):垂直于主轴称为侧轴。它的方向主要取决于主轴方向。 侧轴起点(cross-start)和侧轴终点(cross-end):伸缩行的配置从容器的侧轴起点边开始,往侧轴终点边结束。 侧轴尺寸(cross size):单个项目占据的交叉轴空间叫做侧轴尺寸。
2016-11-240个赞
<style> img { border-radius: 50%; } </style>
2016-11-240个赞
所谓的响应式设计,就是无奈轮使用何种屏幕或者设备,都能够良好的展现页面(在不同的设备,页面展现风格可能会有不同)。 响应式设计解决了各种规格和形状设备给程序员带来的挑战,可以让网页无论是在传统的电脑、手机还是平板电脑上都能正常展示。
2016-11-240个赞
<style> ul.pagination { display: inline-block; padding: 0; margin: 0; } ul.pagination li {display: inline;} ul.pagination li a { color: black; float: left; padding: 8px 16px; text-decoration: none; } </style> <ul class="pagination"> <li><a href="#">«</a></li> <li><a href="#">1</a></li> <li><a class="active" href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">7</a></li> <li><a href="#">»</a></li> </ul>
2016-11-240个赞
是一种解释性脚本语言(代码不进行预编译)。 主要用来向 HTML 页面添加交互行为。 可以直接嵌入 HTML 页面,但写成单独的js文件有利于结构和行为的分离。
2016-11-230个赞
<script> document.write("<h1>This is a title</h1>"); document.write("<p>This is a paragraph</p>"); </script>
2016-11-230个赞
<script> alert("我的第一个 JavaScript"); </script>
2016-11-230个赞
getElementById()方法
2016-11-230个赞
字符串(String)字面量 可以使用单引号或双引号 JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值
2016-11-230个赞
通常我们在每条可执行的语句结尾添加分号。 使用分号的另一用处是在一行中编写多条语句。
2016-11-230个赞