html5+css3
关注
分享
扫一扫
对着阳光微笑
这个作者很懒，什么都没留下…
展开
-
a标签详解
一、a标签的定义、属性和格式 <a> 标签定义超链接，用于从一张页面链接到另一张页面，其最重要的属性是 href 属性，它指示链接的目标。常用的属性，且H5支持： 1）href：谷底那个链接指向的页面的URL； 2）target：规定在何处打开链接文档； ...原创 2018-04-09 11:32:13 · 18413 阅读 · 0 评论 -
应用于<a>标签的伪类选择器（link、visited、active、hover）
CSS3根据选择符的用途可以把选择器分为标签选择器，类选择器，ID选择器，全局选择器，组合选择器，继承选择器和伪类选择器等。伪类选择符定义的样式最常应用于<a>标签上，它表示4种不同的状态：link（未访问链接）、visited（已访问链接）、active（激活链接）、hover（鼠标停留在链接上）。<a>标签可以只有一种状态link，或者同时具有两种或这三种...原创 2018-04-16 10:37:32 · 2533 阅读 · 0 评论 -
设置文本阴影和溢出效果
一、文本阴影效果 方法一： 显示字体时，根据要求，为文字阴影添加颜色以增强网页的吸引力，这时就需要用到CSS3样式中的text-shadow属性。text-shadow：阴影水平偏移值（可正负）；阴影垂直偏移值（可正负）;阴影模糊值；阴影颜色。后两个属性可选。<body> <p align:center style="text-shadow:0.1...原创 2018-04-16 16:35:39 · 645 阅读 · 0 评论 -
设置超链接的按钮效果（向下按）
设置超链接像按钮一样，并且当鼠标移到一个超链接上是，会有向下按的凹陷效果。通常是利用a:hover，将链接向下、向右各移动一个像素即可。<body> <a href="#">首页</a> <a href="#">团购</a> <a href="#">原创 2018-04-17 15:25:59 · 1491 阅读 · 0 评论 -
基于canvas的渐变图形
一、绘制线性渐变 getContext（）返回一个指定contextId的上下文对象，如果指定的id不被支持，则返回null，目前唯一被强制必须支持的是“2d”，也许将来会有“3d”。id对大小写敏感，不可写成“2D”。绘制线性渐变的重要方法： createLinearGradient(x0,y0,x1,y1); //沿直线从（x0,y0）至（x1,y1）绘制渐变 ...原创 2018-04-12 11:21:51 · 498 阅读 · 1 评论 -
block块级元素、inline行内元素和inline-block盒模型
一、block的特点 ① 总在新的一行开始（换行） ② 行高以及顶和底边距离都可控制 ③ 如果用户不设置宽度，则会默认为整个容器的100%，设置就按设置的值显示 ④ 常用的块元素：<div><p><h1><from><ul><li>等a{ width: 100px; ...原创 2018-04-18 21:31:16 · 1399 阅读 · 0 评论 -
溢出overflow和空间定位z-index
一、overflow 语法格式：overflow: visible | hidden | scroll | auto visible ： 若内容溢出，溢出可见 hidden ： 若内容溢出，溢出 不可见 scroll ： 保持元素框大小，在框内应用滚动条显示内容 ...原创 2018-04-19 09:48:37 · 4209 阅读 · 0 评论 -
meta标签详解
一、meta基本介绍 <meta>标签是html网页源代码中的一个重要的标签。meta用来描述一个html网页文档的属性，例如作者、日期和时间、关键词、页面刷新。除此之外，可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。它位于<head>元素内，不包含任何内容。二、meta的属性 ① 必须属性 content属性。该属性是为了定义...原创 2018-04-24 16:53:09 · 1300 阅读 · 1 评论