-
rel属性 注释:rel属性,描述了当前页面与href所指定文档的关系. rel属性通常出现在a,link标签中 属性值 alternate -- 定义交替出现的链接 appendix -- 定义文档的附加信息 bookmark -- 书签 chapter -- 当前文档的章节 contents--文档目录 copyright -- 当前文档的版权 glossary -- 词汇 help -- 链接帮助信息 index -- 当前文档的索引 next -- 记录文档的下一页.(浏览器可以提前加载此页) nofollow -- 不被用于计算PageRank prev -- 记录文档的上一页.(定义浏览器的后退键) section -- 作为文档的一部分 start -- 通知搜索引擎,文档的开始 stylesheet -- 定义一个外部加载的样式表 subsection -- 作为文档的一小部分查看全部
-
Table 表格在没有添加 css 样式之前，是没有边框的。这样不便于我们后期合并单元格知识点的讲解，所以在这一节中我们为表格添加一些样式，为它添加边框。 <style type="text/css"> table tr td,th{border:1px solid #000;} </style>这句话 指向的是 table标签下的tr标签下的 td和th，去掉逗号就成了td 下的th 然而并没有这样的标签，所以没有框架了 {border:1px(边线宽度为1) solid （表示实线）#000（表示黑色）]； <style type="text/css"> table tr td,th{border:1px solid black;} </style> summary 属性规定表格内容的摘要。相当于是对表格的一个描述（类似于title属性），不过summary 属性不会对普通浏览器中产生任何视觉变化。屏幕阅读器可以利用该属性，增加网页的可读性。查看全部
-
<p class=first>因为类的权值比标签高，所以p标签里的文字段落显示为绿色。胆小如鼠显示为绿色，是span继承了first的css样式，所以对于span来说，第8行的.first{color:green;}权值只有0.1；如果加上第9行语句，胆小如鼠就显示为粉色，因为span属于标签，所以span{coler:pink;}权值为1，1>0.1，第9句权值大于第8句，所以span的css样式为pink；最后就是设置胆小如鼠为紫色，输入p span{color:purple;}，第10行的权值为1+1=2（p,span两个标签，权值就是1+1）因为2>1（第9句>0.1（第8句）,所以当以上CSS样式代码都存在的时候，胆小如鼠显示为紫色。以标签的角度去思考。查看全部
-
我觉得挺好理解的啊，text-align只能用于行内元素，把块状元素用display：inline；变为行内元素然后就可以居中啦，相反，如果是行内元素，把行内元素变为块状元素用margin：0 auto;也可以居中啊 示例： <style> .container{ text-align:center; } /* margin:0;padding:0（消除文本与div边框之间的间隙）*/ .container ul{ list-style:none; margin:0; padding:0; display:inline; } /* margin-right:8px（设置li文本之间的间隔）*/ .container li{ margin-right:8px; display:inline; } </style>查看全部
-
一、水平居中 1.行内元素：通过给父辈设置“p{text-align:center;}”，来实现居中。 2.块状元素 A、定宽：定宽的块状元素可设为：“div{margin:0px auto;}”居中，其中“0”可任意设置。 B、不定宽 1）.加入<table>(包括<tr>、<td>)标签，利用table标签长度自适应（不定义其长度，也不默认父元素的长度）再利用【定宽方法居中】。 2）.将块状元素转化为行内元素，在用【行内元素方法居中】。 3）.将父元素:“float:left;position:relative;left:50%” 将子元素：“position:relative;left:-50%;”可实现水平居中。 原理：float:left使容器浮动到左边是为了使容器宽度随内容宽度的变化而扩充，使用相对定位右浮（50%=是网页的一半）使容器左边框与网页中线重合，子元素相对定位到-50%=父元素容器的一半，所以子元素左移一半，子元素的中线与网页中线重合，实现居中。 二、垂直剧中 1.单行垂直居中：使height=line-height;实现单行文本垂直居中 2.多行垂直居中 A、插入table(tbody、tr、td)标签，因为"td"在默认状态下就有垂直剧中状态，所以不需要设置“vertical-align:middle;”。 B、将块级元素的display设置为：teble-cell(设置为表格单元显示)，激活vertical-align属性。【IE6、7不兼容】 三、隐形改变display类型 元素（不论之前是什么元素类型display:none;除外）设置下列之一： “position:absolute;”和“float：left;或float:right;” display类型就会自动变为：“display:inline-block;”显示，可以设置元素的width/height、且默认宽度不占满父级。(即具有内联块状元素的特点)查看全部
-
一、字体设置——p{font-family:Microsoft Yahei/微软雅黑;}/*字体设置为微软雅黑*/ 1.由于英文比汉字兼容性好，所以建议用英文。 2.建议用常用字体，若使用者没有装此类字体，则会自动变为浏览器默认字体。 二、字体大小、颜色——p{color:red;font-size:12px;}/*颜色为红色，字体大小为12像素*/ 三、粗体——p{font-weight:bold;}/*将文字设置为粗体*/ 四、斜体——p{font-style:italic;}/*将文字设置为斜体*/ 五、下划线——p{text-decoration:underline;}/*文本装饰：下划线*/ 六、删除线——p{text-decoration:line-through;} 七、段前缩进——p{text-indent:2em;}/*缩小为2倍文字大小*/ 八、行高——p{line-height:1.5em;}/*设置行高为文字的1.5倍大小*/ 九、中文、字母间距<br>单词间距——p{letter-spacing:50px;}/*设置中文、字母间距为50px*/<br>p{word-spacing:50px;}/*设置单词间距为50px*/ 十、为块状元素中的文本、图片设置居中——p{text-align:center;}/*为p文本设置居中*/查看全部
-
<body>标签，网页上显示的内容放在这里 <p>标签，添加段落 <hx>标签来制作文章的标题 <q>标签是对简短文本的引用，比如说引用一句话就用到<q>标签,浏览器会对q标签自动添加双引号 <blockquote>的作用也是引用别人的文本。但它是对长文本的引用 <blockquote>引用文本</blockquote> 浏览器对<blockquote>标签的解析是缩进样式 <em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示 <span>标签是没有语义的，它的作用就是为了设置单独的样式用的 span{ } 在html代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入<br /> 在html代码中输入空格、回车都是没有作用的。要想输入空格，必须写入 <hr>标签，添加水平横线 <hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。 <address>标签，为网页加入地址信息,在浏览器上显示的样式为斜体 <code>标签在网页上显示程序代码,注：如果是多行代码，可以使用<pre>标签。查看全部
-
总结一下：padding和margin的区别，padding在边框里，margin在边框外。查看全部
-
总结下继承： 在默认情况下，CSS的继承规则如下 1.后面的覆盖前面的。 Q:p {color:red;} P {color:blue;} 因为蓝色在后面，相当于覆盖了红色，所以显示应该是蓝色的。 2.父亲的覆盖孩子的。 Q：p{color:red;} 在P中包含了<SPAN>标签，但是没有对span标签定义，所以span标签继承了父元素P的特征。显示为红色。 如果上述的例子中我们要对span元素进行定义，可以采用两种方式。即引出了权重。根据之前的CSS优先权的规则 【ID》类》标签】可以理解成标签是1.类是10.ID是100. 第一种方式，叠加权重 P span 或p>span 相当于给 p=1 span=1 那么p+span就等于了2，因此span就会生效 第二种方式,替换权重 由于【ID》类》标签】所以，可以单独给span增加了类或者ID。当然这也符合了CSS的就近原则 <p>dddd<span class="f">bbb</span>ddddd</p> 因此sanp标签会调用.f的属性。当然也就符合了，类高于标签了。。。查看全部
-
在网页中，元素有三种布局模型： 1、流动模型（Flow）也就是标准文档流 ①块元素p/h/div/lu/li(霸占一行) ②内联元素a、span、em、strong 2、浮动模型 (Float) 3、层模型（Layer）也就是绝对定位 ①绝对定位(position: absolute) ②相对定位(position: relative) ③固定定位(position: fixed)查看全部
-
代码注释：帮助程序员标注代码的用途。 语法：<!--注释文字-->查看全部
-
类选择器在css样式编码中是最常用到的，如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。 语法： .类选器名称{css样式代码;} 注意： 1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢） 使用方法： 第一步：使用合适的标签把要修饰的内容标记起来，如下： <span>胆小如鼠</span> 第二步：使用class="类选择器名称"为标签设置一个类，如下： <span class="stress">胆小如鼠</span> 第三步：设置类选器css样式，如下： .stress{color:red;}/*类前面要加入一个英文圆点*/查看全部
-
HTML 4.0 标准仅支持 16 种颜色名，它们是：aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。如果使用其它颜色的话，就应该使用十六进制的颜色值查看全部
-
子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。 总结：>作用于元素的第一代后代，空格作用于元素的所有后代。查看全部
-
#HTML+CSS基础——ID选择器# 在很多方面，ID选择器都类似于类选择符，但也有一些重要的区别： 1、为标签设置id="ID名称"，而不是class="类名称"。 2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。 右侧代码编辑器中就是一个ID选择符的完整实例。查看全部
举报
0/150
提交
取消