html css 知识回顾2

 在学习代码期间,练习代码是必不可少的内容,同样的对知识点的回顾也是更加重要的,在练代码的同时回顾知识点效果会更好。(知识会有重复的,我遵循的是不论是什么时候的知识都会从头来一遍,对于新掌握的我会再单独去加深。)

 常用的网络名词:www.万维网; url:统一资源定位器即网址,文件路径(所在电脑位置,必须有后缀,例如1.jpg)

http;超文本传输协议,最基础的网络语言; w3c:万维网联盟组织, 组织的作用是定制一系列的网络规范。
五大浏览器
IE; 谷歌; 火狐; 苹果; 欧朋;
html的骨架
<html>
<head>
<title> </title>
</head>
<body>
body里放的是用户能看到的内容;
</body>
</html>
body里的属性
body里有bgcolor--背景颜色; background--背景图片;
声明表格:
<table>(table声明表单)
<tr>(tr行)
<td> </td>
</tr>
</table>
table里的属性

border(边框)
width(宽)
height(高)
ailne(水平对齐方式(left左 center中 right右))
bgcolor(背景颜色)
background(背景图片)
cellspacing(单元格与单元个之间的距离)
cellpadding(内容与单元格之间的距离)

tr里的属性

height(高)
bgcolor(背景颜色)
background(背景图片)
ailne(水平对齐方式(left左 center中 right右))
valign(垂直对齐方式 top上 middle中 bottom下)

td里的属性

width(宽)
height(高)
ailne(水平对齐方式(left左 center中 right右))
valign(垂直对齐方式 top上 middle中 bottom下)
bgcolor(背景颜色)
background(背景图片)
colspan(跨行)
rowspan(跨列)
声明表单
<form action="表单提交的地址" method=“表单提交的方式” name=“表单的名字”>
</form>
常用标记及图片类型
div是一个较大的容器,可以装任何元素。
span是一个较小的容器,可以装行内元素和内容
ipg:不支持透明和动画,色彩丰富,格式大,加载慢,用于照片或者颜色丰富的图片
gif:支持透明和动画,色彩不丰富,格式小,页面加载快,用于小logo,小icon
png:支持透明不支持动画,png8/png24/png32 png8=gif

什么是css:层叠样式表;
什么是web(w3c)标准:web(w3c)标准不是某一种标准,它是一系列标准的集合;
web(w3c)标准的构成:由 结构(html)+表现(css)+行为(javascript)构成;
css的语法:选择器{属性名:属性值;}
元素的类型:
行内元素:不能控制宽高,不独占一行;
块元素:能控制宽高,独占一行;
元素类型的转换:
1.行内元素转为块元素: display:block;
2.块元素转行内元素: display:inline;
3.转为行内快元素: display:inline-block;

基本选择器
1.标签选择器: 标签名{属性名:属性值;} 例如: div{color:red;}
2.id选择器: #id名{属性名:属性值;} 例如:#box{color:red;}
3.类选择器: .类名称{属性名:属性值;} 例如: .one{color:red:}
4.通配符选择器: *{属性名:属性值:} 例如:*{color:red;}

css的特性:层叠性:后写的属性会覆盖先写的;
继承性:子级会继承父级的样式,但是不是所有的属性都有继承性,--h标记的font-size比较特殊需要单独控制
css选择器的权限:
基本权限:行内式>id选择器>类选择器>标签选择器>通配符选择器
高级权限:1:权重值:1行内式:1000 2id选择器100 3.类10 4.标签选择器1 5.通配符0
2:权限原则 :1.就近原则 2.提权 提权代码:!important

css里的常用属性
color:颜色
background-color背景颜色
text-align文本水平对齐方式 left左 center中 right右
width宽
height高
font-size字号
font-weight文本加粗/正常 font-weight:bold/normal;
font-style文本倾斜/正常 font-style:italic/normal;
font-family 文本的字体
line-height行高
文本装饰:text-decoration:line-through删除线;underline:下划线; overline:上划线; none:无
文本缩进:text-indent:36px
文本换行:word-break:break-all换行 keep-all不换行
a:link{color:#000;}未访问
a:visited{color:#069;}访问后
a:hover{color:#F00;}鼠标悬停
a:active{color:#06F;}鼠标点击不动
注意:只有当四中状态同时存在时,有书写顺序L-V-H-A,
border的复合属性:border-width边框粗细; border-style边框样式 border-color边框颜色
注意:三个样式必须同时存在才可以 可以单独书写;也可以这样写:border:3px solid #F03(属性值虽然不分先后顺序,但是建议按顺序书写)
单独控制上下左右边框:border-top:3px solid #363/bottom/left/right

 

转载于:https://www.cnblogs.com/guhh/p/5432516.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/357306.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

vue点击弹窗自动触发点击事件的解决办法

业务场景&#xff1a;使用vue element ui 的el-dialog&#xff0c;点击弹窗之后&#xff0c;默认加载第一个按钮的数据进行初始化。 div 指令&#xff1a; // 自动触发点击事件directives:{trigger:{inserted(el,binging){// console.log("自动触发事件")el.click()}…

谈谈yii2-gii如何自定义模板

作者&#xff1a;白狼 出处&#xff1a;http://www.manks.top/article/yii2_gii_custom_template本文版权归作者&#xff0c;欢迎转载&#xff0c;但未经作者同意必须保留此段声明&#xff0c;且在文章页面明显位置给出原文连接&#xff0c;否则保留追究法律责任的权利。 yii2中…

vue自定义指令directives实现自动点击事件及自动点击第一个按钮

业务场景:点击弹窗默认加载第一个按钮的数据。vue自定义指令directives实现这个需求 目录 自动点击所有的按钮。 自动点击第一个按钮, 自动点击所有的按钮。 <ul class="areaList"><li:class="{active: index

人员雇佣 网络流_雇用Java EE开发人员的一些面试问题

人员雇佣 网络流互联网上充斥着Java开发人员的面试问题。 这些问题的主要问题是&#xff0c;它们仅证明候选人具有良好的记忆力&#xff0c;并记住所有语法&#xff0c;结构&#xff0c;常量等。对他/她的逻辑推理没有真正的评估。 我在下面列举一些面试问题的例子&#xff0c;…

vue根据表格字段不同的状态显示不同的颜色。

业务需求:根据后台返回的数据,对表格中的严重等级和问题状态做一下颜色区分。数据很大,大概一年左右的数据,在二级弹窗中,数据滚动的形式。 大家好,我是孙叫兽 不加状态前: 我这个使用vue+div循环的实现,很便捷,使用element ui也是可以的。 然后再computed:{}中添加…

[IT业界] 网盘纷纷停止服务,下一个是谁?

今天新浪微盘发公告称即日起调整服务功能&#xff0c;停止普通用户的存储服务&#xff0c;也就是将关闭新浪微盘的搜索、分享功能。2016年以来&#xff0c;已经有115网盘、UC网盘等多家网络数据在线存储产品宣布关闭文件存储、分享功能&#xff0c;这对这些产品本身而言是致命的…

Apache JMeter教程

要负载测试您的Web应用程序吗&#xff1f; 然后&#xff0c;您应该了解Apache JMeter &#xff01; 该JMeter教程介绍了基本概念以及如何创建测试计划以及如何执行它以对应用程序进行基准测试。 这是我在Disy的Tech-Blog上的文章的交叉张贴 -谢谢您让我在公司时间写文章&…

浏览器在线PDF预览取消下载按钮

业务场景:需要在线PDF下载的功能,刚开始用的是第三方的PDF.JS,按照网上的方法操作,排查,发现没有作用,经过和后端小伙伴沟通,原来这个地址是浏览器PDF预览。 目录 浏览器PDF取消办法: 在需要URL地址后边加上代码 PDF.JS取消下载的办法:</

Android深度探索(卷1)HAL与驱动开发 读书笔记(第四章)

第四章 源代码的下载和编译 本章主要介绍使用Git下载两套源代码。一套是Android 源代码&#xff0c;另一套是Linux 内核源代码。主要介绍如何下载和编译Android源代码和Linux内核源代码。 4.1下载Android源代码的环境 第一步&#xff1a;创建一个存放下载脚本文件repo的目录 #…

【Java从入门到天黑|04】JavaSE入门之数组

目录 数组概述 数组的四个基本特点: 数组声明创建 1、声明数组 2、创建数组

stage3d 骨骼优化

用过Away3D的朋友估计都会发现&#xff0c;&#xff0c;在Away3D里面使用超过一定骨骼数量的角色&#xff0c;当场景里面角色的数量稍微多一点&#xff0c;整个场景就会很卡。 对于这个现象&#xff0c;我之前得出的结论是。Stage3D的VC缓存器数量的限制&#xff0c;造成了对需…

morphia_Morphia和MongoDB:不断发展的文档结构

morphia在我先前关于Morphia的帖子中 &#xff0c;我介绍了一些典型用法&#xff0c;并提到了一些已知问题的警告和解决方法。 我展示了使用Morphia的工作有多么容易&#xff0c;以及它与Java世界的交互方式有多么干净。 为了跟进该帖子的后续内容&#xff0c;我将讨论如何处理…

PC端网页vue项目,页面滚动点击悬浮按钮最快的方法

业务场景,可视化大屏右下角添加一个悬浮按钮,点击按钮页面滚动到顶部。 经过实验,使用锚点是最简单的办法。 方法一:锚点 给顶部的合适位置添加一个 name="top"的锚点,maodianTop用于控制样式,可以不设置。 <a class="maodianTop" name="…

Echats给柱状图及提示文字添加百分号(%)的解决办法

业务需求&#xff1a;给柱状图添加百分号。 目录 柱状图上添加%效果图 悬浮标签添加%效果图&#xff1a; 刚开始从后台取的数据带%&#xff0c;我这边取这个值的时候显示undifined&#xff0c; 后来就让这哥们把这类的数据从数据库把%去掉。这样我这边就取到了数据&#xff0…

前端使用linux命令更新项目生产包与测试包命令

业务需求&#xff1a;把vue开发的项目打成dist.zip文件&#xff0c;丢到服务器去&#xff0c;通过域名进行访问。 首先登录云管平台的账号和密码&#xff0c;找到对应的服务器&#xff0c;然后连接到堡垒机。 在命令行进入到域名下的地址及目录。 切换到测试文件夹 点击左上角…

servle 3.0 新特性之一 对上传表单的支持

1. 上传 * 上传对表单的要求&#xff1a; > method"post" > enctype"multipart/form-data"&#xff0c;它的默认值是&#xff1a;application/x-www-form-urlencoded > <input type"file" name"必须给"/> * 上传Servle…

manifest.mf._MANIFEST.MF和feature.xml版本控制规则

manifest.mf.我永远都忘记了OSIF插件和功能的 MANIFEST.MF和feature.xml中的依赖项声明的规则是什么。 谷歌搜索经常导致沮丧而不是答案。 因此&#xff0c;因为今天我实际上找到了这些规则的简要列表&#xff0c;所以我想在这里重新发布它们&#xff0c;并进行一些较小的修改以…

CSDN学习神器——CSDN浏览器助手测评体验

导读&#xff1a;大家好&#xff0c;我叫孙叫兽&#xff0c;本期内容给大家分享一下CSDN浏览器助手这款插件&#xff0c;看看最新版的插件已经比较完善了&#xff0c;还有一些可以优化的地方。下面简单进行体验一把最新版&#xff01; 体验时间&#xff1a;2021年5月31日。 目录…

CVE-2016-0143 漏洞分析(2016.4)

CVE-2016-0143漏洞分析 0x00 背景 4月20日&#xff0c;Nils Sommer在exploitdb上爆出了一枚新的Windows内核漏洞PoC。该漏洞影响所有版本的Windows操作系统&#xff0c;攻击者利用成功后可获得权限提升&#xff0c;微软在4月补丁日修复了该漏洞。 0x01 漏洞分析 Nils Sommer并没…

HB-X打不开的解决办法

导读&#xff1a;今早点击HB-X这款编译器的时候&#xff0c;点击快捷键和图标按钮一点反应都没有。死活打不开。 点击的时候一点提示都没有&#xff0c;重启电脑打开也是如此。 解决办法&#xff1a; 关机重启&#xff0c;一定要关机再重启。 其它情况请参考这个帖子&#xff…