-
元素分类--内联元素 在html中，<span>、<a>、<label>、 <strong> 和<em>就是典型的内联元素（行内元素）（inline）元素。当然块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素，从而使 div 元素具有内联元素特点。 div{ display:inline; } ...... <div>我要变成内联元素</div> 内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。查看全部
-
认识head标签 做得好，下面我们来了解一下<head>标签的作用。文档的头部描述了文档的各种属性和信息，包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 下面这些标签可用在 head 部分： <head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head> <title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。 例如： <head> <title>hello world</title> </head> <title>标签的内容“hello world”会在浏览器中的标题栏上显示出来，如下图所示：查看全部
-
注意： 1、border-style（边框样式）常见样式有： dashed（虚线）| dotted（点线）| solid（实线）。 2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如: border-color:#888;//前面的井号不要忘掉。 3、border-width（边框宽度）中的宽度也可以设置为： thin | medium | thick（但不是很常用），最常还是用象素（px）。查看全部
-
下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，在 widows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击），可以选择多个选项查看全部
-
在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>查看全部
-
font-variant 属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。查看全部
-
注意:同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。查看全部
-
元素分类--块级元素 什么是块级元素？在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素，从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。查看全部
-
元素分类 在讲解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>查看全部
-
一行代码code 一段代码pre查看全部
-
>作用于元素的第一个后代，空格作用于元素的所有后代(包括孙子）查看全部
-
<link href="style.css" rel="stylesheet" type="text/css" />查看全部
-
<option value="提交值">选项</>查看全部
-
欢迎来到HTML+CSS课堂，加入高端大气上档次的web前端开发团队。我们在正式学习之前，先来热热身，问候下世界，做个人生中的第一个html网页吧。 任务 请在右边编辑器的第8行，在<h1>和</h1>标签之间，输入Hello World 字符串。查看全部
-
1.（默认情况下父DIV和子DIV的宽度是一样）该例中父元素浮动以后，他的实际宽度就是由子元素的实际内容宽度来决定的，所以不再占满一行，右移50%后，也未必占满剩下半行，而应该由内容决定，所以子元素left：-50%时，并不是剩下半行的50%左移，而是实际内容（此时实际内容宽度=块宽度）的50%左移，所以内容或者说子元素能够居中<br><br><br> 2.relative，相对定位，相对元素自身位置的移动定位。不是相对父元素。<br><br><br> 3.为什么居中能随着内容变化依然居中，可以理解为每次内容变化后，程序需要重新执行左移右移后达到居中。<br> 4.子元素与父元素默认情况下宽度一样，即使父元素浮动了，子元素宽度依然和父元素一致。在该例中，如果父元素内除了.wrap-center外还有其他内容或其他子元素，那父元素的宽度将取决于所有子元素的宽度，此时，子元素.wrap-center的宽度（=颜色范围）与父元素的宽度仍然一致，不过.wrap-center的内容可能小于该宽度（同理小于颜色范围）。因为子元素的宽度与父元素默认需一致，但内容不一定。此种情况下，即使.wrap-center也设置浮动，.wrap-center的颜色范围会随内容一样长度，但内容依然不会居中， <br> http://blog.163.com/hongshaoguoguo@126/blog/static/1804698120137325322462<br> 浮动元素的性质<br> 浮动元素会脱离正常的文档流，按照其外边距指定的位置相对于它的上一个块级元素（或父元素）显示<br> 浮动元素后面的块级元素的内容会向此浮动元素的外边距靠齐，但是边框和背景却忽略浮动元素而向上一个（可以是父元素，也可以是兄弟元素）任意非浮动元素靠齐<br> 浮动元素后面的内联元素会向此浮动元素的外边距靠齐查看全部
举报
0/150
提交
取消