08 2016 档案
摘要：通过此次项目，对于移动端的网页制作有了初步的了解，同时也对css的布局更为熟练，对响应式布局也有了初步的认识。 在移动端的网页制作中，由于手机的尺寸和分辨率与pc端有较大的出入，故而为了让所制作的网页能够很好地匹配手机，必须在网页的头部设置viewport的值： 上面所设的值表示移动端中，移动设备为
阅读全文
摘要：在css布局方式中，div 是这种布局方式的核心对象，我们的页面排版不再依赖于表格，仅从div的使用上说，做一个简单的布局只需要两样东西：div 与 css。因此我们称这种布局方式为 div + css 布局。例： 了解布局，首先要知道文档流。文档流其实就是指浏览器生成页面的顺序。它是浏览器解析网页
阅读全文
摘要：在制作自定义动画时，有以下八个样式可供选择： 在定义了这些动画的基本属性之后，我们制作动画还需要制定动画的关键帧keyframes； 其用法为 通过动画名称来确定是哪一个元素要产生动画，通过时间段内特殊点的样式来使得动画效果符合预期。 例： 通过以上设置，我们便做出了一个简单的平移动画效果，想要让动
阅读全文
摘要：在css3的标准中新增加了变形样式，这些样式使得网页中各元素的位置形状的变换变得更加容易。其语法如下： 其中对于<transform-function>这一属性值，css中规定了4类常用变换 1.translate() 该值指定对象的2D translation（2D平移）。第一个参数对应X轴，第二
阅读全文
摘要：在轮播图中，我们可以通过鼠标在特定位置上的滑动来实现元素背景的改变。通常在制作轮播图时，我们首先想到的是js中的交互。可是，如果我们无法使用js，只能单纯的靠css又该如何实现这一效果呢？下面，本人将向大家介绍一种最近实验出来的一种方法。 在介绍这种方法之前，本人觉得对于css中的某些伪类选择器有必
阅读全文
摘要：在网页设计中，我们经常将某些具有相似功能的标签放在同一组中，这时我们经常会用到列表标签（无序列表ul，有序列表ol），在列表标签中对列表样式的设计可以使我们的页面得到一定程度的美化。 在css中对列表样式主要是对列表项目前列表符号的设置，其语法如下： 通过取不同的list-style-type属性值
阅读全文
摘要：一、段落样式 css中关于段落的样式主要有行高，缩进，段落对齐，文字间距，文字溢出，段落换行等。它们的具体语法如下： 其中行高指的是段落中每一行文字所占据的高度，其与文字大小有着本质的区别。设置了行高之后，行内的文字会在行内垂直居中对齐（父容器不小于行高），这是网页布局中常用的一种对齐方式。 例：
阅读全文
摘要：在盒子模型中，盒子的边框是其重要的样式，通过边框我们可以很方便地看出盒子的长宽以及大小。边框的特性可以通过边框线，边框的宽度及颜色来呈现。 1，边框线 边框线指的是边框线条的样式，包括实线，虚线，点划线等。其具体的使用如下： 例： 在这里我们将一个长为300px，宽为100px的盒子设置了实线的边框
阅读全文
摘要：css中的字体样式一般包含有就9中，常见的有7种。这7种依次为： 1.字体样式：font-family； 2.字体大小：font-size； 3.字体加粗：font-weight； 4.字体斜体：font-style； 5.颜色：color； 6.文本装饰线条：text-decoration； 7.
阅读全文
摘要：在CSS的选择符中有七个属性选择符。它们分别是： 1.E[att] 选择具有att属性的E元素。 2.E[att="val"] 选择具有att属性且属性值等于val的E元素。 3.E[att~="val"] 选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素。 4.E[a
阅读全文