html学习笔记
关注
分享
扫一扫
学习视频：尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)
视频地址：https://www.bilibili.com/video/av77217003
子永
这个作者很懒，什么都没留下…
展开
-
CSS布局 盒子模型
<style> .box1{ /* 内容区（content），元素中的所有的子元素和文本内容都在内容区中排列 内容区的大小由width 和 height两个属性来设置 width 设置内容区的宽度 height 设置内容区的高度 *...原创 2020-07-08 21:22:51 · 197 阅读 · 0 评论 -
CSS单位 像素 百分比 em rem
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>单位</title> <style> .box1{ width原创 2020-07-08 17:18:16 · 245 阅读 · 0 评论 -
CSS选择器优先级
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>选择器权重</title> <style> /* 发生样式的冲突时，原创 2020-07-08 17:00:36 · 177 阅读 · 0 评论 -
CSS餐厅练习 下载
https://zy117.lanzous.com/ipGq3ee1ecf资料来自b站尚硅谷学习视频原创 2020-07-08 09:39:22 · 1452 阅读 · 0 评论 -
CSS样式的继承
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=p, initial-scale=1.0"> <title>样式的继承</title> <style> /* 样式的继承 为一个标签设定样式的同时会应原创 2020-07-07 17:30:46 · 174 阅读 · 0 评论 -
伪元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>伪元素</title> <style> /* 伪元素，表示页面中一些原创 2020-07-06 22:31:25 · 162 阅读 · 0 评论 -
a标签的伪类
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>a标签的伪类</a></title> <style> /*原创 2020-07-06 22:07:04 · 181 阅读 · 0 评论 -
css伪类
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>伪类选择器</title> <style> /* 第一个子标签 ul&原创 2020-07-05 19:31:52 · 2025 阅读 · 0 评论 -
html属性选择器
CSS 属性选择器通过已经存在的属性名或属性值匹配元素。/* 存在title属性的<a> 元素, 如下选择 */a[title] { color: purple;}/* 存在href属性并且属性值匹配"https://example.org"的<a> 元素, 如下选择 */a[href="https://example.org"] { color: green;}/* 存在href属性并且属性值包含"example"的<a> 元素, 如下选择原创 2020-07-05 09:57:53 · 886 阅读 · 0 评论 -
使用vscode 编写html的一些快捷操作
安装中文字体快速生成基本模块新建一个html文件之后输入！然后按一下Tab键即可原创 2020-06-19 23:50:25 · 796 阅读 · 0 评论 -
html的文档声明与标签属性
属性在开始标签或自结束标签中可以添加属性<font color="red">红色的</font>红色的文档声明<!doctype html>写在网页的第一行，用来告诉浏览器是html5的原创 2020-06-19 21:33:30 · 269 阅读 · 0 评论 -
html的基本结构
<html> <head> <title>这里是标题</title> </head> <body> </body></html>html 为根标签网页中显示的内容在<body></body>标签里面原创 2020-06-18 17:49:06 · 340 阅读 · 0 评论