前端学习
关注
分享
扫一扫
文章平均质量分 52
小团子*-*
越努力，越幸运
展开
-
在线学习网站页面制作
确定页面的版心/*版心*/.w { width: 1200px; margin: auto;}制作headerheader高度：42px整个header分为四部分logonavsearchuser基本结构:<!--header头部模块开始--> <div class="header w"> <div class="logo"> <!--这里是网页logo--> <!--<img sr.原创 2020-05-25 17:41:05 · 645 阅读 · 0 评论 -
利用浮动让多个盒子在同一行显示
预期效果如图所示：首先用html定义所需的几个盒子结构<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>浮动</title> <link rel="stylesheet" type="text/css" href="css/float.css"/> </head> <body> <div class=原创 2020-05-18 11:00:47 · 3572 阅读 · 0 评论 -
html+css实现简单导航栏
实现一个简单的导航栏，当鼠标移动到某个链接时改变背景颜色<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用行内块元素做一个导航栏</title> <style type="text/css"> a { disp...原创 2020-05-06 17:30:52 · 1039 阅读 · 0 评论 -
html+css实现简单的新闻内容阅读界面
想要实现的页面如上图所示<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> body { font-size: 16px; } .title { font-size...原创 2020-05-03 18:09:51 · 6999 阅读 · 0 评论 -
类选择器与id选择器的区别&基础选择器总结
以人身份证上的信息为例类选择器（class）好比一个人的姓名，是可以重复使用的，例如：李明，张亮id选择器好比一个人的身份证号，是唯一的，不得重复，只能使用一次类选择器在修改样式时用的最多，因为它可重复使用id选择器用于页面唯一的元素身上基础选择器总结 - 标签选择器 p { color: red; ... ... } - 类选择器 .nav { color...原创 2020-05-01 10:53:32 · 334 阅读 · 0 评论 -
类选择器
语法.类名 {属性1：属性值1；属性2：属性值2；… … }标签< p class='类名’> < /p>例子<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>google的logo</title> ...原创 2020-04-30 20:54:03 · 130 阅读 · 0 评论