Di_Panda的博客

例子一：翻页样式 制作思路: 创建结构：ul.pagenation>(li>a{$})*11，按tab键快速建立。再逐个修改内容。 去掉ul原本样式:list-style: none;,设定外面盒子的样式 .pagenation{ list-style: none; padding: 0; width: 600px; height: 40px; bo...

文章目录文档流关于定位小技巧设定圆角和圆固定元素居中设置透明度background 属性 文档流 文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。 关于定位 我们可以使用css的position属性来设置元素的定位类型，postion的设置项如下： relative 生成相...

文章目录块元素包含默认样式的块元素内联元素内联块元素display属性浮动元素清除浮动属性总结相应技巧 参考文献 本文均参考上述博客，并在此基础上总结添加。 块元素 块元素，也可以称为行元素，布局中常用的标签如：div、p、ul、li、h1~h6等等都是块元素，它在布局中的行为： 支持全部的样式 如果没有设置宽度，默认的宽度为父级宽度100% 盒子占据一行、即使设置了宽度 包含默认样式的块元素...

为了找到一种布局方式，是目前最主要的布局方式，比传统的table布局要美观，也要复杂很多。 盒子模型基础 设置宽高/设置边框/设置内间距/设置外边距 width:200px; /* 设置盒子的宽度，此宽度是指盒子内容的宽度，不是盒子整体宽度(难点) */ height:200px; /* 设置盒子的高度，此高度是指盒子内容的高度，不是盒子整体高度(难点) */ 盒子模型基础 margin 基...

文章目录css引入方式css常用样式属性文本常用样式css选择器id 选择器类选择器层级选择器组合选择器伪类及伪元素选择器 css引入方式 外联式：通过标签的style属性，在标签上直接写样式 在网页存储的文件夹中新建一个样式文件夹css，就跟图片存储一样。 然后写入右边的代码。 div{ font-size: 32px; color: red; } 在网页文件head模块中利用li...

文章目录html概述html基本结构html 标签 html概述 HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm。 html基本结构 安装插件Emment，并按!+Tab html...