社区
Java
帖子详情
学习记录之前端页面HTML与CSS
java88974
2018-12-23 10:46:45
HTML页面:
1、Head标签:
<head>
<title>...</title> 标题头
<meta> 页面基础设置
<link> 引入CSS样式
<style>...</style> 引入JS文件
<script>...</script> 编写JS代码
</head>
2、Body中常用标签
(1)段落标签<p>
(2)标题标签<h>
(3)<strong>和<em>标签
(4)<span>标签
此标签没有语义的,它的作用就是为了设置单独的样式用的。
...全文
44
回复
打赏
收藏
学习记录之前端页面HTML与CSS
HTML页面: 1、Head标签: ... 标题头 页面基础设置 引入CSS样式 ... 引入JS文件 ... 编写JS代码 2、Body中常用标签 (1)段落标签 (2)标题标签 (3)和标签 (4)标签 此标签没有语义的,它的作用就是为了设置单独的样式用的。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
Tailwind
CSS
学习
——编写第一个tailwind
css
的
HTML
页面
引言: 今天突然在网上看到了Tailwind
CSS
,发现挺不错的,可以直接使用已经封装好的
CSS
,省去了很多编写
CSS
样式单的麻烦。所以写一篇博文来
记录
一下
学习
过程! (PS:本文使用VSCode进行过程演示) 安装Tailwind
CSS
并编写第一个利用它的
HTML
页面
相关过程 1. 首先建立一个文件夹,如“TailwindTest” 2. 使用VSCode打开该文件夹,并在终端输入以下命令 npm init -y 如下图: 3. 安装Tailwind
CSS
的一些库,在终端输入以下命令(联网
CSS
入门
学习
笔记+案例
CSS
入门
学习
一、
CSS
简介 1、什么是
CSS
CSS
:Cascading Style Sheet 层叠样式表 是一组样式设置的规则,用于控制
页面
的外观样式 2、为什么使用
CSS
实现内容与样式的分离,便于团队开发 样式复用,便于网站的后期维护
页面
的精确控制,让
页面
更精美 3、
CSS
作用
页面
外观美化 布局和定位 二、基本用法 1、
CSS
语法 <head> <style> 选择器{ 属性名:属性值; 属性名:属性值; } </style> &l
html
+
css
商城主
页面
小米商城-主
页面
(静态
页面
) 非常适合在
学习
前端
知识的同学们的知识巩固和细节的一个项目,由于
CSS
代码有点多不好展示可以下载我的
CSS
源代码: 小米商城小米商城-主
页面
(静态
页面
)1.
HTML
代码2.
CSS
代码: 话不多说先上效果图 1.
HTML
代码 <!DOCTYPE
html
> <
html
> <head> <meta charset="utf-8"> <title>小米闪购 - 小米商超</title>
HTML
学习
记录
:使用
HTML
与
CSS
模仿新浪网
页面
上次我们使用
HTML
对新浪
页面
的导航栏进行了模仿,这一次我们打算更进一步,模仿整个
页面
。 由于新浪的
页面
创建的比较早,所以仅仅用静态的
CSS
样式和
HTML
就可以全部实现; 我们要模仿的界面如图: 此网页我们可以分为三部分: 1.头部 2.内容 3.尾页 所以为了系统的把控全局
页面
,我们先写出大致的轮廓,并且在每一个部分加上边框方便观看: <!DOCTYPE
html
> <
html
> <head> <meta ...
HTML
与
CSS
学习
总结
HTML
与
CSS
学习
总结 一,
HTML
大致
学习
框架是这样,具体内容有相关笔记(因为时间关系,借鉴了一起
学习
的同学的笔记加了自己的内容) 二,
CSS
CSS
3具体笔记还未完善 三,三个
学习
阶段的
学习
成果 四,困难 在刚开始做淘宝
页面
时,因为
学习
时间不是很长,对网页布局不是很明确,盒子模型运用起来较为艰难,在此过程中优先级也是一大阻碍。随着慢慢的自己摸索,可以自己构建盒子模型了,但是过程中有很多地方步骤都较为繁琐。在自己做网页过程中,一定要看好网页的大致布局是什么样的,也就是找出它的大盒子,然后再
Java
50,523
社区成员
85,601
社区内容
发帖
与我相关
我的任务
Java
Java相关技术讨论
复制链接
扫一扫
分享
社区描述
Java相关技术讨论
java
spring boot
spring cloud
技术论坛(原bbs)
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章