慕课网

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

初识HTML(5)+CSS(3)

最热最新

soyuan

font-weight 属性设置文本的粗细。说明该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于关键字 normal，700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细，而且至少与下一个最大数字一样粗。 normal 默认值。定义标准的字符。 bold 定义粗体字符。 bolder 定义更粗的字符。 lighter 定义更细的字符。 100 200 300 400 500 600 700 800 900 定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。 inherit 规定应该从父元素继承字体的粗细。好

查看全部

0 采集收起来源：选一个标签 - 标签选择器
2015-01-08
网页设计学习者

<a href="mailto:yy@mooc.com?subject=观看了不起的盖茨有感觉。&body=你好，对此评论有些想法。">对此影评有何感想，发送邮件给我</a>

查看全部

0 采集收起
2018-03-22
王小文

一个标签实体可以属于多个不同的类，语法上使用空格分隔，例如，<a class="link test"></a>，但是只能有一个id，例如，<a id="link1 test1"></a>这个就是错的。因此，因此.link{}和.test{}都可以选到第一个a，但是#link1和#test1都选不到第二个a

查看全部

0 采集收起来源：再选一个类 - 类选择器
2018-03-22
Watch_Sky

<p>这是段落内容 <em> 这是要倾斜突出的内容 </em> </p>

查看全部

0 采集收起
2018-03-22
Despicable_me

p{color:red;} .first{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> p和.first都匹配到了p这个标签上，那么会显示哪种颜色呢？green是正确的颜色，那么为什么呢？是因为浏览器是根据权值来判断使用哪种css样式的，权值高的就使用哪种css样式。标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码： 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，所以可以理解为继承的权值最低。

查看全部

0 采集收起来源：权值计算-特殊性
2018-03-22
Despicable_me

继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 p{color:red;} <p>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 可见右侧结果窗口中p中的文本与span中的文本都设置为了红色。但注意有一些css样式是不具有继承性的。如border:1px solid red; p{border:1px solid red;} <p>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 在上面例子中它代码的作用只是给p标签设置了边框为1像素、红色、实心边框线，而对于子元素span是没用起到作用的。

查看全部

0 采集收起来源：继承者 - 样式的继承
2018-03-22
hyzmark

文本框密码框： <input type="text" name="" value="示例文本" id=""/> <input type="password" name="" value="示例密码" id=""/> 文本域： <textarea rows="" cols="" name="" id="">示例文本</textarea> 头部的名称使用<label></label>标签表达：如

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2018-03-22
北北十三

同一组的单选按钮，name取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2015-01-08
叶子的夏天

语法： <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 举例： <img src = "myimage.gif" alt = "My Image" title = "My Image" /> 讲解： 1、src：标识图像的位置； 2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本； 3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)； 4、图像可以是GIF，PNG，JPEG格式的图像文件。

查看全部

0 采集收起
2018-03-22
叶子的夏天

<a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

查看全部

0 采集收起
2018-03-22
北北十三

无序列表和有序列表都可一通过type属性来改变项目符号集如:无需的有disc,circle,Square,有序的1234，ABCD，abcd [ 查看全文 ]

查看全部

0 采集收起
2015-01-08
叶子的夏天

<a href="http://www.imooc.com" title="鼠标滑过显示的文本">链接显示的文本</a> 页面中就会出现名字为“链接显示的文本”的超链接，鼠标停留在该链接上则会显示“鼠标滑过显示的文本” 点击则会进入http://www.imooc.com网站中。 href="#"表示链接到当前页面

查看全部

0 采集收起
2018-03-22
凉宫落寒

几个小总结： 1）字体 ①斜--体：font-style:italic; ②下划线：text-decoration:underline; ③删除线：text-decoration:line-through; 2）段落排版： ①缩--进：p{text-indent:2em;} ②行间距：p{line-height:2em;} 3）字间距：word-spacing:50px; 4）字母间距：letter-spacing:50px;

查看全部

0 采集收起
2015-01-08
肖师妹_Laurel

在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，进行多选时按下Ctrl键同时进行单击，可以选择多个选项。

查看全部

0 采集收起
2018-03-22
Michael_O_O_

内联块状元素更加灵活了啊，修改样式也更加方便啊

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2015-01-08

首页上一页 26996 26997 26998 26999 27000 27001 27002 下一页尾页

0/150

提交

取消

开始学习

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

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