区别一： 块级：块级元素会独占一行，默认情况下宽度自动填满其父元素宽度 行内：行内元素不会独占一行，相邻的行内元素会排在同一行。其宽度随内容的变化而变化。 区别二： 块级：块级元素可以设置宽高 行内：行内元素不可以设置宽高 区别三： 块级：display:block;...

2018-06-24 01:43:37

一、使用float实现横列布局的方法 如下面所示：DIV1和DIV2都可以选择向左或者向右浮动50%来实现展示在同一行 div1 div2 实现下面图片中布局的css样式如下： 分析： 1、第一行第一个图片和最后一个图片的左右边距是10px,中间图片的左右边距是5px。布局如下： section cl...

2018-06-24 01:43:36

页面布局的三种方式： a、TABLE布局：已过时 b、DIV+CSS：当前主流 c、HTML5布局标签：未来趋势 1、学生成绩表设计 注意： body table height="250px" width="600" border="1" align="center" cellpadding="10" rules="all" caption align="top"年级成绩表/caption tr...

2018-06-24 01:43:33

前端实现div框边角的钝化虽然简单，但是有时候突然想不到，特此写下几句实现方法，以便记忆。 实现div框四个角都钝角的操作：设置 div ： border-radius=10px; 实现div框一个角的钝角效果 ：设置div :border-top-left-radius=10px; border-top-right-radius=10px; bord...

2018-06-24 01:43:24

一、什么是CSS W3C标准中，倡导有3：其一为内容与表现分离，其二为内容与行为分离，其三为内容结构的语义化。其倡导中第一条的“表现”指的便可以说是CSS。CSS全称Cascading StyleSheets，中文名为层叠样式表，是一种用来表现HTML等文件样式的计算机语言。 二、CSS的常...

2018-06-24 01:43:30

1. 网页布局概述 网页布局的概念是把即将出现在网页中的所有元素进行定位，而CSS网页排版技术有别于传统的网页排版方法，它将页面首先在整体上使用div标记进行分块，然后对每个快进行CSS定位以及设置显示效果，最后在每个块中添加相应的内容。利用CSS排版方法更容易地...

2018-06-24 01:43:25

CSS3 动画 当您在 @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。 通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器： 规定动画的名称 规定动画的时长 把 "myfirst" 动画捆绑到 div 元素，时长：5 秒： div{animation: myfirst...

2018-06-24 01:43:23

一、取消a标签在移动端点击时的蓝色 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; 二、使用图片作为a标签的点击按钮时，当触发touchstart的时候，往往会有一个灰色的背景 a,a:ho...

2018-06-24 01:43:17

1.一列布局——常用于网站首页。 html： 1 div class ="top" / div 2 div class ="main" / div 3 div class ='foot' / div css： 1 body { 2 margin : 0 ; 3 padding : 0 ; 4 } 5 .top { 6 height : 80px ; 7 background-color : #f19b6a ; 8 } 9 .main,.foot { 10 wid...

2018-06-24 01:43:12

sass文件转css时注释虽然支持中文，但是出现乱码的解决方法 Scss 注释中文报错问题(windows系统， 已解决） 找到ruby的安装目录，里面也有sass模块，类似这样样的路径： F:\Program Files (x86)\Ruby24-x64\lib\ruby\gems\2.4.0\gems\sass-3.5.1\lib\sass 在这里面有个...

2018-06-24 01:43:09