CSS
空巷挽清风
前端新人努力进步-ing
展开
-
前端第二波
前端第二波css文本格式类:文本格式标签:b/strong:加粗i/em:斜体font:font-size:16px; 改变字号的大小;font-family:"宋体"; 改变文本的类型;font-style:oblique/normal; 控制字体是否为斜体;font-weight:400/700; 400/normal:不加粗 700:加粗tex...原创 2019-04-30 16:28:39 · 242 阅读 · 0 评论 -
前端第六波
前端第六波页面排版初体验<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>页面排版</title> <link rel="stylesheet" href="CSS/index.css" /...原创 2019-05-13 15:12:48 · 163 阅读 · 0 评论 -
前端第九波
这段时间 用空余的时间一直在模仿着个个网页进行练习,练习之前所学到的知识点,各种指令,放盒子布局。有一些不成熟的体会: 在写页面的时候就像是在搭积木一样,进行一个一个的盒子进行放置,先放一个大盒子(body)再放一个在中间的差不多大的可以适应大多数屏幕的版心盒子,然后在版心上分区域,再在区域中分功能模块,再进行分层放个个功能专区的盒子,设置浮动,定位等确定他的相对位置...原创 2019-05-22 16:53:32 · 189 阅读 · 0 评论 -
前端第五波
前端第五波背景background-color: red;//背景的颜色background-image: url(x.jpg);//背景图片当添加背景图片时默认为左上角对齐;background-repeat: no-repeat;//背景图片上是否平铺background-position: x, y;//规定图片的位置1.x,y可以为方位名词如:center,to...原创 2019-05-12 10:44:37 · 170 阅读 · 0 评论 -
前端第十波
JS初级: 在对HTML和CSS有了初步的了解之后,进行了一系列的练习,现在开始学习JS JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。首先演...原创 2019-05-25 11:24:38 · 116 阅读 · 0 评论 -
前端第四波
前端第四波 因为之前五一回家了一周,开学后紧接着就是学校为期一周的C#虚拟仿真设计实训,所以耽搁,之后应该不会了。CSS三大特性:1.层叠性2.继承性3.优先级层叠性:层叠性是指当一个标签被设置多个重复样式的时候,一个属性会覆盖另一个属性。例如:经一个div设置背景颜色为黄色,然后设置背景颜色为红色,那么最终颜色可能为红色,也可能为黄色,按照先后顺序可能是...原创 2019-05-11 21:46:57 · 206 阅读 · 0 评论 -
前端第八波
前端第八波光标的样式光标放在盒子上时的光标样式:cursor:光标 default:默认 pointer:指针 move:移动 text:文本<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>...原创 2019-05-15 22:38:15 · 173 阅读 · 0 评论 -
前端第七波
前端第七波定位(Positioning)目录前端第七波定位(Positioning)块内元素与行内元素position定义与用法块内元素与行内元素块级元素:div、h1 或 p 元素 //这意味着这些元素显示为一块内容行内元素:span 和 strong 元素 //这是因为它们的内容显示在行中,即“行内框”块级元素对应display:block,...原创 2019-05-14 21:53:13 · 175 阅读 · 0 评论 -
前端第三波
前端第三波伪类:挺有意思的一个模块在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:未被访问状态,已被访问状态,,和鼠标悬停状态,活动状态。a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠...原创 2019-04-30 16:53:49 · 252 阅读 · 1 评论 -
遍历DOM树元素
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <h1>遍历 DOM 树</h1> ...原创 2019-07-10 16:46:37 · 269 阅读 · 0 评论