HTML
悟初境
What I cannot create, I do not understand.
展开
-
标签学习
引用:短文本:text,会自动加上双引号 长文本:地址信息:加入代码:一句: 大段:表格: 2012年到2013年库存记录summary: 摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。caption标题:用以描述表格内容,标原创 2015-12-21 21:10:04 · 488 阅读 · 0 评论 -
CSS样式设置详解
1.水平居中设置-行内元素我们在实际工作中常会遇到需要设置水平居中场景,今天我们就来看看怎么设置水平居中的。如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。如下代码:html代码:body> div class="txtCenter">我是文本,哈哈,我想要在父容器中水平居中显示。div>body>cs翻译 2016-03-01 08:26:37 · 658 阅读 · 0 评论 -
CSS代码缩写,单位和值
1.盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有下面三种缩写方法:1、如果翻译 2016-03-01 08:25:20 · 621 阅读 · 0 评论 -
CSS布局模型
1.css布局模型清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。 CSS包含3种基本的布局模型,用英文概括为:Flow、Laye翻译 2016-03-01 08:24:10 · 517 阅读 · 0 评论 -
CSS盒模型
1.盒模型–边框1盒子模型的边框就是围绕着内容及补白的线,这条线你可以设置它的粗细、样式和颜色(边框三个属性)。如下面代码为 div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框:div{ border:2px solid red;}上面是 border 代码的缩写形式,可以分开写:div{ border-width:2px; bo翻译 2016-03-01 08:21:40 · 602 阅读 · 0 评论 -
CSS导航栏菜单制作大全
1.垂直导航栏看代码:<style type="text/css">*{margin:0; padding:0; font-size:14px;}a{color:#333;text-decoration:none}.nav li a{ display:block; text-indent:20px; height:30px; line-height:30px; width:120px; bac翻译 2016-03-02 11:48:10 · 2438 阅读 · 0 评论 -
Canvas模仿微信红包照片
1.最终效果:2.实现过程:1.将图片加载出来,并加上模糊效果: index.html:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-2.2.0.min.js"></script> <link href="image翻译 2016-01-30 11:23:00 · 2075 阅读 · 0 评论 -
CSS元素分类
元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有:<a>、<span>、<br>、<i>、<em>、<翻译 2016-01-11 19:38:44 · 508 阅读 · 0 评论 -
CSS的特性
1.继承性:CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,例如子元素为span标签。2.特殊性:我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢:浏览器是根据权值来判断使用原创 2015-12-25 10:39:00 · 443 阅读 · 0 评论 -
CSS选择器
p{ font-size:20px;/*设置文字字号*/ color:red;/*设置文字颜色*/ font-weight:bold;/*设置字体加粗*/}从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种,注意他们的优先级什么是选择器:选择器{ 样式;}1.标签选择器:其实就是html代码中的标签2.类选择器:在css原创 2015-12-24 12:38:52 · 415 阅读 · 0 评论 -
CSS排版
1.文字排版–字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。) 现在一般网页喜翻译 2016-01-06 20:42:46 · 642 阅读 · 0 评论 -
css+div网页布局大全
1.一列固定布局style>body{ margin:0; padding:0; font-size:30px}div{ text-align:center; font-weight:bold}.head, .main, .footer{ width:600px; margin:0 auto}.head{ height:50px; background:#ccc}.main{ h翻译 2016-03-01 08:27:39 · 9174 阅读 · 5 评论