摘要：
通过css设置HTML页面上的显示、隐藏有以下几种方法： 通过下面的页面更加清楚的了解： 当前显示为： 1.用display:none进行设置 现在对part3加入display:none 页面显示： 可以看到，现在part3被隐藏了 2.用透明度opacity进行设置，当opacity值为0时，p 阅读全文
摘要：
container属性设置了上下外边距为0，左右自动，在整个页面中布置了一个自动左右居中的区域，根据页面布局的需要，所有适合这样布局的部分，都可以嵌套在container下面，作为container的子级。 container可以根据子级的内容，自动调整布局，针对整个页面进行设置。 上面的代码得到下 阅读全文
摘要：
在平时写代码的时候，会遇到内容或者背景不能完全贴合到页面边框的情况，仔细找一下，会发现是浏览器给body设置了外边距。 可以看到，浏览器bdoy自设了8px的外边距，因此，在开始之前，应该先对页面进行初始化设置。 这样，就基本完成了初始化，可以自己根据需要设置内容边距了 通常情况下，页面布局中会用到 阅读全文
摘要：
在用CSS给页面内容添加样式时，id和class是常用的选择器。 id: 同一个HTML页面不允许出现相同的id，id选择器适用于一些特定的属性添加，用 #id值 来定义。 class： class属性可以出现很多次，经常遇到页面中很多地方会用到相同的样式，例如，页面中，a标签里面加链接的内容通常不 阅读全文
摘要：
CSS3中，可以给文字添加阴影，也可以给盒子添加阴影，从而达到更好的视觉效果 文字添加阴影用text-shadow属性，默认none。 texe-shadow 语法： h-shadow:阴影的水平位置 v-shadow:阴影的垂直位置 blur:阴影的模糊程度 color:阴影的颜色 HTML： C 阅读全文
摘要：
利用animation的动画过渡效果制作一个图片旋转的动画。 随便取了一个图片素材 HTML代码： CSS代码： 动画效果： 阅读全文
摘要：
使用弹性盒子可以更方便的对页面内容进行布局 flex-direction指定了子元素在父元素盒子中的排列方式 1.flex-direction:row flex默认排列方式，从左到右排列，左对齐 2.flex-direction：row-reverse 与row反向，从右向左排列，右对齐，第一个在最 阅读全文
摘要：
常用的transform功能： 1.translate 位移 实现位移： 2.rotate 旋转 3.scale 缩放 4.skew 扭曲 阅读全文
摘要：
盒子模型在网页的布局中非常重要，基本上每个HTML都会用。 盒子模型用来封装HTML的内容，包括外边距（Margin），边框（Border），内边距（Padding），内容（Content）。 图形说明： Margin：外边距是块元素之间的间距 Border：边框就是块元素本身 Padding：设置 阅读全文
摘要：
关于给HTML页面内容添加样式的几个方法： 下面拿一个div为例： 简单设定宽度高度，设置字体颜色，背景颜色，居中，之间用分号隔开。 1.直接在div标签加style样式： 2.样式放在<head></head>标签里： 3.用CSS添加样式： HTML： CSS样式： 上面三种方法，都给div添加 阅读全文
摘要：
合理的页面布局，是所有HTML页面的一个基础。 1.可以利用表格，构建页面的布局，在进行内容的填充。 2.使用div，配合float或者flex对页面进行布局。 早期的方法，就是利用table表格来进行页面的布局。 一个简单的table布局： 显示效果： 用div布局： 把float换成flex同样 阅读全文
摘要：
HTML中的列表： 有序列表 -- ol 无序列表 -- ul 定义列表 -- dl 有序列表、无序列表都是通过<li>标签来定义列表的项，定义列表则不同，用<dt>来定义列表的项目<dd>来定义项目的描述。 有序列表 示例： 显示效果： 有序列表默认的是阿拉伯数字排序，还可以更改列表样式，把前面的 阅读全文