版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
知识回顾磨刀不误砍柴工网页的组成
HTML
CSS
JavaScript结构
<html> <head> <metacharset=“UTF-8”>
//设置编码 <title>我是标题</title> </head> <body>
//内容
</body>
</html>常见的HTML标签gressvideoradioarticleheaderfooter...
CSS样式行内样式页内样式外部样式CSS选择器标签选择器根据标签名找到对应的标签设置样式类选择器根据类名找到对应的标签设置样式id选择器根据id名找到对应的标签设置样式并列选择器用于多个标签之间有相同的样式复合选择器相当于逻辑与,必须所有条件都符合后代选择器用于更加精确的定位,如:div
a
p{}CSS选择器的优先级别选择器的针对性越强,它的优先级就越高相同类型的选择器遵循:
就近原则叠加原则优先级排序
important>内联>id>类>标签|伪类|属性选择>伪元素
>通配符>继承HTML标签类型块级标签
divpulli
...行内标签
a
span行内-块级标签
input
buttonHTML中改变标签的类型display属性
none
注意和visibility的区别
block
inline
inline-blockCSS属性
background设置背景
display显示类型(none、block、inline、inline-block)
padding内边距(四种方式)
margin外边距(四种方式)
border设置边框(border-width、border-style、border-color)
overflow设置超出元素边界内容的显示
line-height垂直居中
cursor设置光标的类型(手指
十字架)
text-decoration设置a标签的下划线
text-align水平居中
list-style设置列表左边编号的类型,经常用none
盒子模型任何一个标签都是一个盒子四个属性
content
padding
border
marginHTML中标签的居中水平居中行内标签行内-块级标签
text-align
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2026年七台河职业学院单招职业技能考试题库及1套完整答案详解
- 2026年云南省文山壮族苗族自治州单招职业适应性测试题库及答案详解(考点梳理)
- 2026年九江职业大学单招职业适应性考试题库及答案详解(考点梳理)
- 2026年云南省文山壮族苗族自治州单招职业倾向性测试题库附答案详解(典型题)
- 2026年义乌工商职业技术学院单招综合素质考试题库附答案详解(b卷)
- 2026年上海电机学院单招职业倾向性考试题库参考答案详解
- 2026年义乌工商职业技术学院单招职业适应性测试题库附参考答案详解(典型题)
- 2026年上海师范大学天华学院单招综合素质考试题库附答案详解(能力提升)
- 2026年三门峡社会管理职业学院单招职业倾向性考试题库参考答案详解
- 2026年乌鲁木齐职业大学单招职业技能测试题库附答案详解(预热题)
- 智能网联汽车感知技术与应用 课件 任务3.1 视觉感知技术应用
- (正式版)DB51∕T 3342-2025 《炉灶用合成液体燃料经营管理规范》
- 江南大学《食品科学与工程》考研真题及答案解析
- 工程咨询行业发展规划方案范文
- 2025年汉语桥的考试题目及答案
- 《TCSUS69-2024智慧水务技术标准》
- 1.1中国的疆域课件-八年级地理上学期湘教版-1
- 收费站消防安全线上培训课件
- 【语文】贵州省贵阳市实验小学小学二年级上册期末试卷
- 妇科单孔腹腔镜手术专家共识(2025版)解读 4
- 海洋碳汇交易机制-洞察及研究
评论
0/150
提交评论