HTML/CSS基础（注释选择器书写格式）

最新推荐文章于 2022-07-17 13:41:40 发布

四次元的lucly

最新推荐文章于 2022-07-17 13:41:40 发布

阅读量635

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/weixin_44762420/article/details/105349442

版权

HTML:超文本标记语言，根据w3c定义
HTML全称HyperText Markup Language（用于定义文档的内容结构）
内容结构：标题段落图片文字

a：行为（表示这是一个超链接）   立即加入：显示内容
元素的组成部分：<a href="/classroom/17">立即加入</a>
href="/classroom/17" :属性(表示元素的额外信息)
   href：属性名
   "/classroom/17":属性值

CSS全称Cascading Style Sheets(页面表现的基础，可以控制布局，控制元素的渲染，用于定义HTML文档的样式“外观”，中文全称:层叠样式表)

VSCode添加注释：ctrl+?
HTML注释的书写格式：
css注释的书写格式：/*注释内容*/
开发者和维护者看

css代码由一个一个规则组成
css规则：1选择器2声明块声明块中的规则

类选择器的书写格式：.类名{/*声明块*/}
所有class属性为指定类名的元素，都将应用声明块中的规则

元素选择器的书写格式：标记名{/*声明块*/}
所有与该标记名匹配的元素，都将应用声明块中的规则

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="index.css">
</head>

<body>
</body>
</html>

空元素：实现的方法是用一个图片的元素 eg:<img src="图片地址">

如果页面没有按照css的规则显示：
1：选择器写错了
2：声明写错了
3：没有将html与css关联
引用css三种方式：
1：外部引用css文件
2：使用link进行关联，并且link要是head的子元素

字体大小：h1最大 h6最小

由于展示内容相同，如何排名更靠前，就取决于标签名
h1 一级标签（权重更高：重要性更高）
div区域

语义化标签和div:划分区域
如何实现划分区域
1.添加一个标签
2.对这个标签设置尺寸（设置宽高）

需求：
如何显示一个页面中的内容，在用户的浏览器上方向水平居中
eg：
内容的宽度：100
用户浏览器的宽度: ？

实现：
条件：用户浏览器的宽度要大于内容的宽度

如何让一个正常流块盒元素在水平方向上居中
eg：选择器{} main{ }

操作步骤：
1：给定宽度
2：margin:auto;

width宽
height高
top上
bottom下
left左
right右

【css样式没有实现】
1：没有引用css文件
2：选择器（不存在的标签）
3：规则（样式）写错了
4：没设置背景颜色（背景颜色默认透明）

去除下划线：text-decoration:none

四次元的lucly

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML/CSS基础（注释选择器书写格式）

HTML:超文本标记语言，根据w3c定义HTML全称HyperText Markup Language（用于定义文档的内容结构）内容结构：标题段落图片文字 a：行为（表示这是一个超链接）立即加入：显示内容元素的组成部分：<a href="/classroom/17">立即加入</a&...
复制链接

扫一扫