慕课网

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

初识HTML(5)+CSS(3)

最热最新

Dream_0046

以下代码可以实现文字以斜体样式在浏览器中显示： p a{font-style:italic;} <p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2018-03-22
Dream_0046

我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。 body{font-family:"宋体";} 这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）现在一般网页喜欢设置“微软雅黑”，如下代码： body{font-family:"Microsoft Yahei";} 或 body{font-family:"微软雅黑";} 注意：第一种方法比第二种方法兼容性更好一些。因为这种字体即美观又可以在客户端安全的显示出来（用户本地一般都是默认安装的）。

查看全部

0 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2018-03-22
Dream_0046

下面是权值的规则：标签的权值为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 采集收起来源：权值计算-特殊性
2014-11-13
慕移动9593978

body标签：存放网页上显示的内容

查看全部

0 采集收起
2014-11-13
笑笑笑昂

小结一下第10章的内容：文字排版：1.粗体 font-weigth:bold/normal; 2.斜体 font-style:italic; 3.下划线 text-decoration:underline/none; 4.删除线（在电子商务网站用得比较多）text-decoration:line-through; 段落排版 1.缩进 text-indent:2em; 2em意思是文字2倍大小 2.行间距 line-height:1.5em; 3.字间距、字母间距 letter-spacing:50px; 4.单词间距 word-spacing:50px; 5.对齐方式(应用于块级元素,p img等等) text-align:center/left/right

查看全部

0 采集收起
2014-11-13
摩羯座_小贱

<select multiple="multiple"> 在<select>标签中添加multiple="multiple"实现下拉列表的多选

查看全部

0 采集收起
2018-03-22
悟生慧

inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2014-11-13
笑笑笑昂

如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现，如下面代码： h1{letter-spacing:50px;} 设置英文单词之间的间距使用word-spacing来实现,如下面代码 h1{word-spacing:50px;}

查看全部

0 采集收起
2014-11-13
笑笑笑昂

段落排版--行间距实现设置段落行间距为2倍。 p{line-height:2em;}

查看全部

0 采集收起
2014-11-13
摩羯座_小贱

<option value="旅游" selected="selected">旅游</option> 设置selected="selected"属性，则该选项就被默认选中。

查看全部

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

段落排版--缩进中文文字中的段前习惯空两个文字的空白，这个特殊的样式可以用下面代码来实现： p{text-indent:2em;} 注意：2em的意思就是文字的2倍大小。

查看全部

0 采集收起
2014-11-13
笑笑笑昂

文字排版--删除线上图中的原价上的删除线使用下面代码就可以实现： .oldPrice{text-decoration:line-through;} P必须大写

查看全部

0 采集收起
2014-11-13
Dream_0046

分组选择符当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，），如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色： h1,span{color:red;} 它相当于下面两行代码： h1{color:red;} span{color:red;}

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2014-11-13
慕移动9593978

html代码注释语法 

查看全部

0 采集收起来源：解释不等于掩饰- html文件注释
2018-03-22
笑笑笑昂

文字排版--下划线有些情况下想为文字设置为下划线样式，这样可以在视觉上强调文字，可以使用下面代码来实现： p a{text-decoration:underline;} <p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>

查看全部

0 采集收起
2018-03-22

首页上一页 27685 27686 27687 27688 27689 27690 27691 下一页尾页

0/150

提交

取消

开始学习

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

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