CSS、JS 第十二天 基础学习
CSS简介
· css指层叠样式表,样式定义如何显示HTML元素,外部样式可以
提高工作效率。
·
style的三种方式
内联式
在标签内部标出style:
<p style="color:red;">人生应该奋斗不止</p>
嵌入
通过head头引用style内的标签样式来,如图所示:
外部
通过link标签来确定,引用外部的css格式来保证样式的引用
CSS选择器
选择器是常用的样式选择器:
常有:.class #id 直接标签形式的<p>,<div>,<hr>,<input>
style属性
backgroud-color
定义背景颜色:
<p style="background-color:red">梁楚</p>
font-family
定义文字字体系列
<p style="font-family:verdana">A heading</p>
color
定义文字颜色
<p style="color: black">历险</p>
font-size
定义文字大小
<p style="font-size: 20px">hello world</p>
text-align
定义文本对齐方式
<p style="text-align: center">中心</p>
margin
定义外边距属性,该属性有:上,右,下,左。
margin:10px 5px 15px 20px;
margin-top #头部距离
margin-right #距边框左边的距离
margin-left #距边框右边的距离
JS简介
JS是属于HTML和web的编程语言,js与html有很强的交互。
js方法
getElementById()
通过标签id来修改,标签内部的元素。
实例:
document.getElementById("demo").innerHTML="hello world"
alert
alert,通过弹窗输出数据,windows.alert()
<script type="text/javascript">
window.alert(1)
</script>
getElementsByTagName(‘img’)
返回带有指定标签名的对象集合
getElementsByClassName
在 class="example" 的列表中修改 class="child" 的第一项(索引值为 0) 的文:
实例:
var list = document.getElementsByClassName("example")[0];
list.getElementsByClassName("child")[0].innerHTML = "Milk";
转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 zhumeng512@qq.com
文章标题:CSS、JS 第十二天 基础学习
本文作者:弈少
发布时间:2019-07-31, 19:26:50
最后更新:2019-08-01, 13:09:08
原始链接:http://yoursite.com/2019/07/31/北京渗透测试第十二天 20190731/版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。