大家好,欢迎来到IT知识分享网。
基本的网页结构
网页基本结构:
<html>
<head>
<title>这是网页标题</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<meta name="keywords" content="这是关键字"/>
<link href="css文件路径" rel="stylesheet"/>
<link rel="shortcut icon" href="favicon.ico"/>
</head>
<body>
</body>
</html>
常见网页标签:
标签 |
含义 |
常用属性 |
a |
超链接 |
href / target / title |
img |
图片 |
src / alt / title / width / heiht |
h1-h6 |
||
p |
||
br |
||
hr |
||
em |
||
strong |
||
i |
||
span |
||
div |
CSS美化网页
css样式使用方式
- 行内(内敛)样式
- 内部样式
- 外部样式
css基本选择器
- ID – > #
- CLASS -> .
- 标签 -> 标签名
优先级
- ID > CLASS > 标签 (在同一个元素上的ID , CLASS比较)
- 行内 > 内部> 外部
高级选择器:
- 并集选择器
- 交集选择器
- 后代选择器
- 子元素选择器
- 兄弟选择器
- 属性选择器
前提: 非继承属性 > 继承属性(除此条件外,基本可以适应以下计算规则)
ID |
CLASS |
标签 |
100 |
10 |
1 |
文本样式
样式 |
含义 |
属性值 |
字体样式
列表与表格
表单
盒子模型
浮动
定位
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/75343.html