-
设置颜色的方法： 1、英文命令颜色 p{color:red;} 2、RGB颜色 p{color:rgb(133,45,200);} 每一项的值可以是 0~255 之间的整数，也可以是 0%~100% 的百分数。如： p{color:rgb(20%,33%,25%);} 3、十六进制颜色 这种颜色设置方法是现在比较普遍使用的方法，其原理其实也是 RGB 设置，但是其每一项的值由 0-255 变成了十六进制 00-ff。 p{color:#00ffff;}查看全部
-
伪类选择符 为什么叫做伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;} 关于伪类选择符，到目前为止，可以兼容所有浏鉴器的“伪类选择符”就是 a 标签所以现在比较常用的还是 a:hover 的组合。查看全部
-
#HTML+CSS基础——水平居中总结-不定宽块状元素方法（二）# 方法二： 改变块级元素的 dispaly 为 inline 类型，然后使用 text-align:center 来实现居中效果。 说明： 这种方法相比第一种方法的优势是不用增加无语义标签，简化了标签的嵌套深度，但也存在着一些问题：它将块状元素的 display 类型改为 inline，变成了行内元素，所以少了一些功能，比如设定长度值。查看全部
-
#HTML+CSS基础——颜色值缩写# 关于颜色的css样式也是可以缩写的，当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半。 例如： p{color: #336699;} 可以缩写为： p{color: #369;} p{color:#000000;} 可以缩写为： p{color: #000;}查看全部
-
垂直居中-父元素高度确定的单行文本 父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的。如下代码： <div class="container"> hi,imooc! </div> css代码： <style> .container{ height:100px; line-height:100px; background:#999; } </style>查看全部
-
html 快捷键及简单代码
一.快捷键
1、隐藏：ctrl+shift+？
2、保存：ctrl+s
3、复制：ctrl+c
4、粘贴：ctrl+v
5、撤销：ctrl+z
二.简单符号
1、标签,成对存在：< >
2、结束标签：</ >
3、大标题：<title> </title>
4、小标题（分为 h1-h6，标题大小不同）：<h1> </h1>
5、段落：<p> </p>
6、换行：<br>
7、下标：<sub> </sub>
8、上标：<sup> </sup>
9、加粗文本：<b> </b><br><br>
10、斜体文本：<i> </i><br><br>
11、电脑自动输出：<code> </code><br><br>
三.代码
1、覆盖跳转到百度：<a href="http://www.baidu.com">跳转到百度</a>
2、打开新界面、跳转到百度：<a href="http://www.baidu.com target="_blank">跳转到百度</a>
3、文字居中显示：<h1 >文字居中显示</h1>
4、插入图片并设置宽、高：<img src="img/logo.png" width="258" height="39" />
5、文字替代（加载不出图片的时候）：<img border="0" src="img/pulpit.jpg" alt="Pulpit rock" width="304" height="228">
6、带表头的边距为1的表格：
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
7、无序列表
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>8、通过十六进制设置背景颜色
<p >
通过十六进制设置背景颜色
</p>9、通过 rbg 值设置背景颜色
<p >
通过 rbg 值设置背景颜色
</p>10、通过颜色名设置背景颜色
<p >
通过颜色名设置背景颜色
</p>查看全部 -
*<p></p>是段落标签。 *<html></html>成为根标签 *头部元素有<head> <title> <script> <style> <link> <meta> *加强语气有<em> <strong> 其中<em>表示强调，用斜体表示。 <strong>表示更强烈的强调，用粗体表示。 *<span>标签是没有语义的，它的作用就是为了设置单独的样式用的。 *<q>标签，短文本的引用（双引号表示的是引用别人的话） *<blockquote>标签，长文本的引用即缩进样式 *<br/>标签，分行显示文本， 记住在最后的文本中是不需要<br/>标签的 * 代表的是空格 *<hr>标签，添加水平横线 其中<hr/>和<br/>标签都是一个空标签，所以只有开始标签，没有结束标签 *<address>标签，为网页加入地址信息 *<code>标签，加入一行代码，如果是多行代码，可以使用<pre>标签 *使用ul添加新闻信息列表，使用ul-li标签是没有前后顺序的信息列表<ul><li><li/><ul/>查看全部
-
在新建浏览器窗口中打开链接 如下代码： <a href="目标网址" target="_blank">click here!</a> target之前一定要加空格！！！！！！！！！！！！！！！！！！！！！ _blank -- 在新窗口中打开链接 _parent -- 在父窗体中打开链接 _self -- 在当前窗体打开链接,此为默认值 _top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页) 一个对应的框架页的名称 -- 在对应框架页中打开查看全部
-
块元素 * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易，也是css layout的主要标签 * dl - 定义列表 * fieldset - form控制组 * form - 交互表单 * h1~h6- 1~6级标题 * hr - 水平分隔线 * isindex - input prompt * menu - 菜单列表 * noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容 * noscript - 可选脚本内容（对于不支持script的浏览器显示此内容） * ol - 排序表单 * p - 段落 * pre - 格式化文本 * table - 表格 * ul - 非排序列表 内联元素 * a - 锚点 * abbr - 缩写 * acronym - 首字 * b - 粗体(不推荐) * bdo - bidi override * big - 大字体 * br - 换行 * cite - 引用 * code - 计算机代码(在引用源码的时候需要) * dfn - 定义字段 * em - 强调 * font - 字体设定(不推荐) * i - 斜体 * kbd - 定义键盘文本 * label - 表格标签 * q - 短引用 * s - 中划线(不推荐) * samp - 定义范例计算机代码 * select - 项目选择 * small - 小字体文本 * span - 常用内联容器，定义文本内区块 * strike - 中划线 * strong - 粗体强调 * sub - 下标 * sup - 上标 * textarea - 多行文本输入框 * tt - 电传文本 * u - 下划线 * var - 定义变量查看全部
-
这里讲的有点不太好，我们的理解那段话说的不好，其实就是把父div向右边移动50%，这时候父div的左边刚好就是屏幕的中间位置，然后再把div中的子元素向左移动50%，这时候子元素的平分线刚好和父div的左边缘也就是屏幕中心线重合，就实现了看起来居中的效果，其实div还是不居中的，就是里面的可见元素居中了查看全部
-
盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下： margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/ 通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同，如下面代码： margin:10px 10px 10px 10px; 可缩写为： margin:10px; 2、如果top和bottom值相同、left和 right的值相同，如下面代码： margin:10px 20px 10px 20px; 可缩写为： margin:10px 20px; 3、如果left和right的值相同，如下面代码： margin:10px 20px 30px 20px; 可缩写为： margin:10px 20px 30px; 注意：padding、border的缩写方法和margin是一致的。查看全部
-
@HTML/CSS——第12章CSS布局模型——层模型：相对定位 1、语法：需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在【正常文档流】中的偏移位置。也就是相对于原本定义的位置进行偏移 2、****偏移前的位置保留不动！仍然占据区域：也就是说，在【块外面】的元素，依旧按照块原来的位置进行排列，只不过块原来的位置【隐形了】查看全部
-
我想用三个span来设置将三句话设为3种颜色 我想用三个span来设置将三句话设为3种颜色，用id选择器？怎么用的（书写格式是怎样的？） 答： 没必要用id选择器，class选择器就可以了。 参考代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>不同颜色</title> <style type="text/css"> .red{color:red;} .blue{color:blue;} .yellow{color:yellow;} </style> </head> <body> <span class="red">我是红色</span> <span class="blue">我是蓝色</span> <span class="yellow">我是黄色色</span> </body> </html>查看全部
-
包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码： .first span{color:red;} 请注意这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。 总结：>作用于元素的第一代后代，空格作用于元素的所有后代。查看全部
-
text-decoration:underline/line-through；中间划线或者添加下划线； text-indent:2em;缩进两个字符长度； 元素分类 在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素和内联块状元素。 常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input> 元素分类--块级元素 什么是块级元素？在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将行内元素a转换为块状元素，从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。 元素分类--行内元素 在html中，<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的行内元素（inline）元素。当然块状元素也可以通过代码display:inline将元素设置为行内元素。如下代码就是将块状元素div转换为行内元素，从页使用div元素具有行内元素特点。 行内元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。 当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。查看全部
举报
0/150
提交
取消