前端人

摘要： html中我们学习了表格，到网页中只有文字，并不像平时网页中见到的标题头带有背景和边框线的表格，今天我们就学习表格的样式如何设置 表格属性 表格边框：使用border属性，设置给每一个单元格。 table , th , td { border:solid 1px #000; } 表格边框合并：添加边 阅读全文

摘要： 如下图是360浏览器主页的内容，上边有导航，下边是新闻列表，这种布局很常见，今天就来学习css列表属性之后并制作它。 列表属性 html有三种类型的列表：无序列表，有序列表和自定义列表。设置列表标记有序号，圆点，圆圈，图片等多种形式。 list-style：简写属性，用于把下边三个属性声明到一起。 阅读全文

摘要： css中有几个不同的单位表示长度，使用时数字加单位。如果长度为0，则可以省略单位。 长度单位可分为两种类型：相对和绝对。 绝对长度 绝对长度单位是一个固定的值，反应真实的物理尺寸，不依赖于显示器、分辨率、操作系统等。具体单位以及解释如下： px像素：一个像素就相当于我们屏幕中的一个小点，屏幕实际就是 阅读全文

摘要： 在进行网页布局时，我们一定离不开盒模型，接下来开始学习什么是盒模型？ 什么是盒模型？ css 盒模型（Box Model）,在html中任何一个元素都可以看作盒子，这里说的盒子与现实不太一样，css中盒子是二维的，盒子由内到外分四个部分：margin(外边距)、border(边框)、padding( 阅读全文

摘要： 网页布局是css的一个重点应用。传统的布局都是依赖display、position、float属性来实现的，但是特殊布局就不易实现，如垂直居中。 01 flex布局是什么？‍ Flex 是 Flexible Box的简写，意为“弹性布局”为盒模型提供最大灵活性。任何一个容器都可以指定为flex布局。 阅读全文

摘要： 现在美丽网页的设计图中颜色五花八门的，网页模块中漂亮背景图也很多，网页中颜色和背景设置必不可少，接下来我们就先学颜色是如何表达的，要知其然，知其所以然。 颜色表达形式 1.RGB：rgb( red, green, blue )：每个参数定义了0-255之间的颜色强度。 举例： rgb(255,0,0 阅读全文

摘要： 什么是viewport ? viewport是用户网页的可视区域，也可叫做视区。手机浏览器是把页面放在一个虚拟的窗口(viewport)中，通常这个虚拟的窗口比屏幕宽，这样就不用把网页挤到很小的窗口中，用户可以通过平移和缩放来看网页的不同部分。 下图为常见一些设备浏览器默认viewport宽度： c 阅读全文

摘要： 上一节练习题：写两个各10条数据的列表，第一个列表字体是16px，第二个列字体大小是20px。实现方法很多，但是根据现有知识写出来代码会很多，所以今天我们通过学习css选择器来简化你的代码。 简单选择器 根据标签名、id、类名来选取。id：是标签id的属性值，类名：是标签class的属性值。 元素选 阅读全文

摘要： 如果把网页比作一个人的话，html就是他的骨架，而css是他的皮肤，javascript是神经控制着行动。html，css，javascript都是构建网页的核心技术。 CSS简介 css指的是层叠样式表（Cascading Style Sheet），样式就是定义如何显示html元素，设置它的背景、 阅读全文

摘要： XHTML概念 XHTML是一种可扩展超文本标记语言，与HTML（超文本标记语言）类似，不过在语法上更加严格。XHTML是以XML（是一种必须正确标记且格式良好的标记语言）应用方式定义的HTML，与html 4.01几乎是相同的，浏览器基本都支持。 为什么使用XHTML？ html的语法比较松散，标 阅读全文