HTML & CSS 初识

最新推荐文章于 2024-11-05 11:29:19 发布

幼兒园扛把子

最新推荐文章于 2024-11-05 11:29:19 发布

阅读量108

点赞数

文章标签： css html

本文链接：https://blog.csdn.net/weixin_53321685/article/details/119896936

版权

【题目1】: doctype是什么？有什么作用？

Doctype中文意思是文档对象告诉浏览器需要用怎样的模式去渲染

【题目2】: <meta charset="utf-8">是什么意思?

告诉浏览器当前页面的内容的编码方式是怎样的，然后浏览器会按照同样的方式去解码

【题目3】: <meta name="viewport" content="width=device-width">有什么作用?

页面如果想要在移动端展示的话可以加上这段代码

【题目4】: 列出你知道的块级元素和行级元素

//块级元素 可以另起一行的是块级元素
<div> <p> <ul> <ol> <table> <aside> <hr> <pre> <article> <footer> <dl>
<h1>-<h6>

//行级元素 是在一行内显示的
<a> <span> <br> <img>

【题目6】: 常用选择器有哪些？给出范例

// 1. 元素选择器（标签选择器）

p {
    color：blue;
}

// 2. 通配选择器

* {
    font-size：28px;
}

// 3. ID选择器

<p class = "one">幼兒园扛把子</p>

#one {
    font-weight:400;
}

// 4.类选择器

<p class = "second">幼兒园扛把子</p>

.second {
    color:red;
}

// 5. 属性选择器
    //选择包含disabled属性的所有元素
[disabled] {
    border 1px dashed red
}


// 6. 组合选择器
// A,B 同时选中A和B
.A,.B {color: orange;}

A空格B 选中A的后代元素B
.A  B {color: orange;}

A>B 选中A的直接子元素
.A>B {color: orange;}

【题目7】: CSS 引入有哪些方法？

1. 通过link方式引入
<link rel="stylesheet" href="index.css">

2. 通过@import方式引入
@import 'css3.css'

3. 内部样式
<style>
 h1 {
 background: orange;
 }
 </style>

4. 嵌入内联
<p style="font-size: 14px;">
 阿西 
<p>

【题目8】：标准盒模型和IE盒模型有什么区别？

标准盒模型：设置宽度高度的时候设置的是内容的宽度而不是整体的宽度

IE盒模型：设置高度宽度的时候是以边框为距离来看的包含了内边距和边框