慕课网

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

初识HTML(5)+CSS(3)

最热最新

qq_慕少0021725

head标签表示头部标签,通常用来嵌套meta、title、style等标签。
1.<title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。
2.<meta charset="UTF-8">设置当前文件字符编码

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2022-04-22

慕桂英1217631

CSS选择器格式：
      选择器{              
       样式；   
       }
 分类：  
     标签选择器：
         p{font-size:12px;                   
         line-height:16em;                   
         color:red ;}    
     类选择器：               
        .类选择器名称{css样式代码;}                
        注：英文圆点开头                    
         其中类选器名称可以任意起名（但不能是中文）            
         使用时标签设置为 class="类选择器名称"    
     ID选择器：
          #选择器名称{css样式代码;}              
           注：井号开头                   
           其中类选器名称可以任意起名（但不能是中文）                   
           使用时标签设置为id="ID名称"    
       子选择器：               
           .类选择器名>元素名{ css样式代码;}                
           例如：.food>li{border:1px  solid red:}    
       后代选择器：               
            .类选择器名【空格】{css样式代码;}             
             例如：.food  li {border:1px  solid red:}   
       通用选择器：                
             *{css样式代码;}----匹配html中所有标签元素                
             例如： *{color:red;}    
        伪选择器：                
             a:hover{color:red;}----------鼠标滑动过字体颜色为红色   
             目前常用的只有a:hover的组合   
        分组选择器：               
             为html中多个标签设置相同的样式               
             例如：h1，span{color:red;}                     
             相当于 h1{color：red;}                           
                  span{color:red;}

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器

2022-04-22

qq_慕少0021725

1.<html></html>标签对：<html>标签位于HTML文档的最前面，用来标识HTML文档的开始；</html>标签位于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文档结构
2022-04-22
weixin_慕侠4536034

<a href="#">放链接</a>

查看全部

0 采集收起来源：解释不等于掩饰- html文件注释
2022-04-22
慕码人9026440

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

查看全部

0 采集收起来源：不发一张自拍么? - 使用<img>标签为网页添加图片
2022-04-22
慕九州9421010

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>认识head标签</title>
</head>
<body>
<h1>欢迎来到慕课网</h1>
<h2>第一天试一下</h2>
</body>
</html>
搜索
复制

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2022-04-22
weixin_精慕门6269705

字体缩写可以用font概括全部，没有指定顺序先写哪个。
font-style:italic;
font-weight:bold;
font-size:20px;
line-height:1.6em;
font-family:"宋体",sans-serif;
上述可以简写为:
font:italic bold 20px/1.6em "宋体",sans-serif;

查看全部

0 采集收起来源：偷个懒 - font样式的简写方式
2022-04-22
慕桂英1217631

类和ID选择器的区别
相同点：可以应用于任何元素
不同点：1.ID选择器在文档中只能使用一次，类选择器可以使用多次
2.文档在调用时，一次中能调用一个ID选择器，但可以同时调用多个类
例如：有 .stress ,.bigsize,#stressid,#bigssizeid
  <span class="stress bigsize">-------正确同时调用 2个类选择器
  <span id="stressid bigsizeid">-------错误，一次只能调用一个ID选择器


查看全部

0 采集收起来源：类和ID选择器的区别
2022-04-22
学星

span 标签是没有语义的，它的作用就是为了设置单独的样式用的。

查看全部

0 采集收起来源：diy一个标签吧 - 使用<span>标签自定义文字样式
2023-05-18
weixin_慕后端9394488

已知宽高实现盒子水平垂直居中：
1.在父元素中position：relative，后在子元素中position：absolute，来确定子元素随着父元素变化
2.设置子元素上左为50%
3.设置子元素margin：负的原来的一半（上） 0（右）0（下）负的原来的一半（左）

未知宽高实现盒子水平垂直居中:
1.先在父元素中position:relative,后在子元素中position：absolute来确定子元素跟着父元素变化
2.设置子元素的上左为50%
3.用transform：translate(-50% ,-50%)使上左都位移-50%的距离

查看全部

0 采集收起来源：面试常考题之宽高不定实现盒子水平垂直居中
2022-04-21
weixin_慕后端9394488

translate:translate()进行子类定位，这个是没有确定高度和宽度，是通过上和左偏移50%，然后再通过translate进行上和左偏移-50%距离来实现的。如果上和左不偏移50%，就会出现子类在左上角的情况（实际上就是对上位置在50%地方，对左位置在50%的地方，这样就成功居中了）

查看全部

0 采集收起来源：面试常考题之宽高不定实现盒子水平垂直居中
2022-04-21
weixin_慕后端9394488

id>class>类（全部标签）>标签里面写样式>全局样式

查看全部

0 采集收起来源：别插队啊 - 选择器的优先级
2022-04-21
weixin_慕后端9394488

.first是class
#second是id
然后#second span是指second标签里面的span标签
.first, #second span是通过,让两个都一起起作用

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2022-04-21
weixin_慕后端9394488

后代选择器（空格）对嵌套标签也是有效的，而子选择器（>）只对第一代后代有效

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2022-04-21
weixin_慕后端9394488

内嵌＞嵌入＞外部

查看全部

0 采集收起来源：总有个先来后到吧 - 三种链接方式的优先级
2022-04-21

首页上一页 107 108 109 110 111 112 113 下一页尾页

0/150

提交

取消

开始学习

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

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