慕课网

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

初识HTML(5)+CSS(3)

最热最新

慕娘6328945

1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。

查看全部

0 采集收起来源：类和ID选择器的区别
2020-11-11
weixin_慕仔4382903
CSS选择器：“选择器”指明了{}中的“样式”的作用对象，也就是“样式”
标签选择器：就是为html代码中的标签设置样式。例如下面代码：
```
p{font-size:12px;line-height:1.6em;}
```
就是为p标签设置12px字号，行间距设置1.6em的样式。
类选择器：语法： .类选器名称{css样式代码;}。例如下面代码：
查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2020-11-11
身高1米2咋办
form表单
1、<form> ：<form>标签是成对出现的
2、action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
3、method ：数据传送的方式（get/post）。
```
<form method="post" action="save.php">
        <label for="username">用户名:</label>
        <input type="text" name="username" />
        <label for="pass">密码:</label>
        <input type="password" name="pass" />
</form>
```
查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2020-11-11
身高1米2咋办
创建表格的四个元素：table、tr、th、td
1、<table>…</table>
2、table标签里面可以放caption标签和tr标签
3、<th>…</th>表头加粗居中
```
 <table border="1px">
 <caption color="#ff0000">前端三剑客</caption> 
 <tr> 
 <th>知识点</th>
 </tr>
 <tr>
 <td>html</td>
 </tr>
 </table>
```
查看全部

0 采集收起来源：听说你要制定学习计划了-使用table家庭为网页添加表格
2020-11-11
身高1米2咋办
a标签有的target属性
```
<a href="www.baidu.com" targrt="self">百度当前</a>
<a href="www.baidu.com" target="blank">新页面</a>
```
默认值为self，代表在当前页面打开链接
blank代表在新窗口打开链接。
查看全部

0 采集收起来源：开个新窗口 - 在新建浏览器窗口中打开链接
2020-11-11
weixin_慕仔4382903

这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。
请注意这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。
总结：>作用于元素的第一代后代，空格作用于元素的所有后代。

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2020-11-11
qq_慕函数5149711
1. <!DOCTYPE html>:文档类型声明，表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前
2. <head></head>标签对：标签包含有关HTML文档的信息，可以包含一些辅助性标签。如<title></title>，<link /><meta />，<style></style>，<script></script>等，但是浏览器除了会在标题栏显示<title>元素的内容外，不会向用户显示head元素内的其他任何内容。
3. <body></body>标签对：它是HTML文档的主体部分，在此标签中可以包含<p><h1><br>等众多标签，<body>标签出现在</head>标签之后，且必须在闭标签</html>之前闭合。
查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2020-11-11
weixin_慕仔4382903
子选择器
在<span>里面嵌套多一个<span>，主要是为了让大家了解节点的父子关系。
这一节使用的子选择器只作用于第一代子节点，第二代以后的都不影响。
例如：
```
.food>span{border:1px solid red;}
```
会作用<span>我还是一个<span>胆小如鼠</span>的小女孩</span>，但是对于<span>
查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2020-11-11
weixin_慕仔4382903
1、英文圆点开头
2、其中类选器名称可以任意起名（但不要起中文噢）
使用方法：
第一步：使用合适的标签把要修饰的内容标记起来，如下：
```
<span>胆小如鼠</span>
```
第二步：使用class="类选择器名称"为标签设置一个类，如下：
查看全部

0 采集收起来源：再选一个类 - 类选择器
2020-11-11
菠萝吹雪666
标签的权值为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 采集收起来源：权值计算-特殊性
2020-11-12
菠萝吹雪666

选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

查看全部

0 采集收起来源：别插队啊 - 选择器的优先级
2020-11-10
菠萝吹雪666

但注意有一些css样式是不具有继承性的。如border:1px solid red;

查看全部

0 采集收起来源：继承者 - 样式的继承
2020-11-10
菠萝吹雪666

、你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。
>作用于元素的第一代后代，空格作用于元素的所有后代。

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2020-11-10
慕桂英0371836
常用的块状元素有：
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的内联元素有：
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的内联块状元素有：
<img>、<input>
查看全部

0 采集收起来源：给元素分个类 - 元素分类
2020-11-10
慕村4477168

xhtml1.0写法：
<br />
html4.01写法：
<br>
大家注意，现在一般使用 xhtml1.0 的版本的写法（其它标签也是），这种版本比较规范。
与以前我们学过的标签不一样，<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />。
讲到这里，你是不是有个疑问，想折行还不好说嘛，就像在 word 文件档或记事本中，在想要折行的前面输入回车不就行了吗？很遗憾，在 html 中是忽略回车和空格的，你输入的再多回车和空格也是显示不出来的。如下边的代码。

总结：在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入<br />

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2020-11-10

首页上一页 411 412 413 414 415 416 417 下一页尾页

0/150

提交

取消

开始学习

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

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