慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

flora_fly

盒子模型内填充 padding 框内到内容距离外边距 margin 两个盒子模型的距离边框 border 都有四个方向 <div>、<ul>、<ol>、<p>、<h>、<table> 块级标签都具备盒子模型特征注意：内填充、外边距、边框都有四个方向padding—(top,bottom,left,right) 实际 height = 上下内填充 + 上下边框线实际 width = 左右内填充 + 左右边框线

查看全部

0 采集收起来源：变个盒子-什么是盒模型（视频）
2018-03-22
flora_fly

body{font-family:"Microsoft Yahei";}//字体 span.stress{font-size:20px;color:red;} <span class="stress">胆小如鼠</span> //文字排版--字号、颜色 p span{font-weight:bold;} //文字排版--粗体 p a{font-style:italic;} <p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>//文字排版--斜体 p a{text-decoration:underline;}//文字排版--下划线 <p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p> .oldPrice{text-decoration:line-through;}//文字排版--删除线 p{text-indent:2em;}//段落排版--缩进 p{line-height:1.5em;}//段落排版--行间距（行高） h1{ letter-spacing:50px; } ... <h1>了不起的盖茨比</h1>//段落排版--字间距、字母间距 h1{ text-align:center; } <h1>了不起的盖茨比</h1>//段落排版--对齐

查看全部

1 采集收起
2018-03-22
flora_fly

p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/ 注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决。注意：!important要写在分号的前面

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2018-03-22
hippo1031

如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

查看全部

0 采集收起
2018-03-22
hippo1031

target="_blank 新浏览器打开

查看全部

0 采集收起
2018-03-22
hippo1031

target="_blank

查看全部

0 采集收起
2018-03-22
猩大大

display:block将元素显示为块级元素 display:inline将元素显示为内联元素 display:inline-block将元素显示为内联块状元素 border-style（边框样式）常见样式有： dashed（虚线）| dotted（点线）| solid（实线）。 border-width（边框宽度）中的宽度也可以设置为： thin | medium | thick（但不是很常用），最常还是用象素（px）。 border-top border-bottom border-right border-left上下左右边框样式设置

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2015-02-16
yuanguang

<biv>标签可以把一些独立的逻辑部分划分出来放到一个容器里面，如网页中的独立的栏目板块

查看全部

0 采集收起
2018-03-22
hippo1031

&nbsp 有空格

查看全部

0 采集收起来源：再加点空格呢 - 使用特殊字符 实现空格标签
2018-03-22
小小小小刘

。任何元素在默认情况下是不能浮动的，但可以用CSS定义为浮动，如div、p、table、img等元素都可以被定义为浮动。如下代码可以实现两个div元素一行显示。 div{ width:200px; height:200px; border:2px red solid; float:left; } <div id="div1"></div> <div id="div2"></div>

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2018-03-22
yuanguang

ul-li是没有前后顺序的信息列表每项li前都自带一个圆点

查看全部

1 采集收起
2015-02-17
hippo1031

hx 为1-6

查看全部

0 采集收起
2015-02-15
hippo1031

hx>标题文本</hx

查看全部

0 采集收起
2018-03-22
yuanguang

<code>标签是插入一行代码用的 <pre>标签是插入多行代码用的 <br>是回车换行 &nbsp是空格

查看全部

0 采集收起
2018-03-22
流浪的花

盒模型--边界元素与其它元素之间的距离可以使用边界（margin）来设置。边界也是可分为上、右、下、左。如下代码： div{margin:20px 10px 15px 30px;} 也可以分开写： div{ margin-top:20px; margin-right:10px; margin-bottom:15px; margin-left:30px; } 如果上右下左的边界都为10px;可以这么写： div{ margin:10px;} 如果上下边界一样为10px，左右一样为20px，可以这么写： div{ margin:10px 20px;} 总结一下：padding和margin的区别，padding在边框里，margin在边框外。

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2015-02-15

首页上一页 26439 26440 26441 26442 26443 26444 26445 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。