摘要:
1.鼠标样式 cursor : default; //默认箭头 cursor : pointer; //小手图案 cursor: move; //移动图案 cursor: text; //文本图案 cursor:not-allowed; //禁止图案 2.表单 (1)表单有默认的轮廓线,是蓝色的 可 阅读全文
posted @ 2020-04-23 21:21
瑾言**
阅读(230)
评论(0)
推荐(0)
摘要:
CSS三角 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文
posted @ 2020-04-23 20:55
瑾言**
阅读(120)
评论(0)
推荐(0)
摘要:
CSS字体图标技术 主要是用来显示网页上常用的一些小图标 字体图标的优点 (1)轻量级 本质上是文字,易加载 (2)本质上是文字,可以随意的修改大小,颜色,产生阴影透明效果 (3)兼容性高,几乎支持所有的浏览器 字体图标的使用 (1)下载字体图标 网址: https://icomoon.io/ (2 阅读全文
posted @ 2020-04-23 20:46
瑾言**
阅读(224)
评论(0)
推荐(0)
摘要:
CSS精灵技术产生的原因 当网页中的图片过多时,服务器频繁的接受请求和发送图片,会造成服务器的压力过大,这将大大的降低页面的加载速度 CSS精灵技术 将网页中的小背景图片整合到一张大图上,这样服务器只需要一次请求即可。 这样大大减少了服务器接受和发送请求的次数,提高了页面的加载速度 CSS精灵技术的 阅读全文
posted @ 2020-04-23 19:44
瑾言**
阅读(175)
评论(0)
推荐(0)
摘要:
CSS元素的显示和隐藏 1.display display : none; //隐藏元素 ,隐藏元素后,不再占据原先的位置 display: block; //显示隐藏的元素 做一个简单的代码测试,有两个按钮,点击开的按钮,div标签的dispaly属性改为 block,显示出来,点击关的按钮,di 阅读全文
posted @ 2020-04-23 18:12
瑾言**
阅读(2740)
评论(0)
推荐(0)
摘要:
CSS定位 首先,思考一个问题,如果我们想要某个元素在一个盒子内自由的移动位置,并且压住盒子,应该怎么做? 使用标准流 ,浮动是很难做到如上操作的,那么就需要定位。 标准流常用于多个块级盒子的纵向排列 浮动可以让多个块级盒子在一行内没有缝隙的排列显示,常用于横向排列 而定位可以让盒子自由的在某个盒子 阅读全文
posted @ 2020-04-23 17:32
瑾言**
阅读(189)
评论(0)
推荐(0)
摘要:
浮动 float 网页布局的实质,通过css 来摆放盒子,把盒子放到相应的位置 CSS提供了三种传统网页布局方式 (1) 标准流 就是标签按规定好的方式排列 (2) 浮动 (3)定位 float : none; // 不浮动 (默认值) float : left; // 左浮动 float : ri 阅读全文
posted @ 2020-04-23 16:34
瑾言**
阅读(285)
评论(0)
推荐(0)
摘要:
CSS3的一些新属性(ie9 及以上版本的浏览器支持) 圆角边框 , 盒子阴影 , 文字阴影 (1)圆角边框 border-radius : length; // length可以是一个数值,如10px,50px, 也可以是一个百分比,数值越大,那么圆角边框的弧度越明显 典型示例1: 做出一个圆形的 阅读全文
posted @ 2020-04-23 15:32
瑾言**
阅读(371)
评论(0)
推荐(0)
摘要:
CSS盒子模型 css盒子模型 由 边框 border, 外边距 margin ,内边距 padding ,和实际内容组成 (1)边框 border border: 1px solid black; // 第一个参数1px指的是边框的粗细,第二个参数solid指的是边框的样式:实线 第三个参数指的是 阅读全文
posted @ 2020-04-23 14:58
瑾言**
阅读(3314)
评论(0)
推荐(0)
摘要:
CSS背景 1.1 背景颜色 background-color 1.2 背景图片 background-image : url(); 那么就出现了一个问题,背景图片的大小 小于 div标签设置的大小 ,那么背景图片就会循环铺满整个div 标签 那么我们还有一个属性专门用来设置背景图片的平铺问题 ba 阅读全文
posted @ 2020-04-23 12:36
瑾言**
阅读(235)
评论(0)
推荐(0)
摘要:
HTML中元素的显示模式 HTML中元素的显示模式分为三类,块级元素,行内元素,行内块元素 1.1 块级元素 特点:(1)独占一行 (2)高度,宽度,外边距,内边距都可以自己控制(3)是一个容器,里面可以放行内元素或块级元素 块级元素:<h1> - <h6> , <p>,<div>(最典型的块级元素 阅读全文
posted @ 2020-04-23 11:02
瑾言**
阅读(1257)
评论(0)
推荐(0)
摘要:
1.CSS字体属性 1.1 字体 font-family 1.2 字号 font-size 1.3 字体粗细 font-weight font-weight : bold; font-weight: 700; // bold 和 700 均表示粗体,但是更建议使用700,方便记忆 font-weig 阅读全文
posted @ 2020-04-23 10:03
瑾言**
阅读(601)
评论(0)
推荐(0)
浙公网安备 33010602011771号