- 博客(14)
- 资源 (1)
- 收藏
- 关注
原创 09.CSS选择器
1.标签选择器:选中全部同名标签<style>p{ }</style>2.id选择器<style>#ID名称{ }</style>注意:1.ID名称只能由字母/数字/下划线组成.2.ID名称不能由数字开头3.ID名称不能是标签名称,并且不能重复4.前端开发中,设置样式一般不用id,因为id是留给JS使用的3.类选择器<style>.类名称{ }</style&
2022-03-02 20:04:55 151
原创 08.CSS文字属性
font字体1.规定文字样式的属性格式: font-style: italic; 取值:normal:正常的italic:倾斜的2.规定文字粗细的属性格式: font-weight: bold;单词取值:bold (加粗) bolder(更粗) lighter (细线,默认)数字取值:100-900 之间整百数字3.规定文字大小的属性格式:font-size: 30px; (一定要带单位px 像素pixel)4.规定文字字体的属性f
2022-03-02 19:59:03 90
原创 07.CSS格式
1.内嵌样式/* 被注释内容 */ CSS中的注释<head><style type="text/css">标签名称{属性名称: 属性值;}</style></head>2.外链样式:外部导入CSS ,首选<linkrel="stylesheet"type="text/css"href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min...
2022-03-02 19:58:12 130
原创 06.多媒体标签,字符实体
1.video标签:播放视频<video src="" autoplay="autoplay"></video>src属性:视频地址autoplay属性:是否自动播放controls属性: 视频控制条poster属性:视频没播放时的占位图片 ,poster="abc.jpg"loop属性:循环播放,如视频广告preload属性:预加载视频,视频没播放时预加载,和autoplay冲突,设置了autoplay后,preload便失效.muted属性:静音功
2022-03-02 16:49:19 71
原创 05.表单标签
表单就是专门用来收集用户信息的表单元素/标签1.input标签:<form action=""><!--明文输入-->账号<input type="text"><br><!--暗文输入框-->密码<input type="password" placeholder="密码"><br><!--给输入框输入默认值-->账号 <input type="text" value
2022-03-02 16:46:00 203
原创 04.表格标签
<table border="1"> (border设置表格边框的宽)<tr><th></th></tr><tr><td></td></tr></table>table标签: 表示整个表格tr标签:表示表格中的一行th标签:表示表格的表头td标签:表示一行中的一个单元格...
2022-03-02 16:39:54 46
原创 03.列表标签
1.无序列表(最多) (unordered list)(城市列表)<ul> (ul标签中最好只放li标签)<li> 北京</li> (list item 列表条目)(li标签中可以放其他标签)<li>上海</li> </ul>ul>li*3 (快捷生成3个条目)应用场景:1)新闻列表2)商品列表3)导航条2.有序列表(最少)(ordered list)(排行榜)<o..
2022-03-02 16:34:14 44
原创 02.基础标签
1.H标签:给文本添加标题语义,独占一行<h1>XXX</h1><h2>XXX</h2>...<h6>XXX</h6>H1 标签最好只有1个,涉及SEO.2.P标签:段落文本,单独一行<p>xxx</p>3.HR标签:分割线,单独一行<hr>4.注释标签:webstorm 快捷键 ctrl + /<!-- -->5.img
2022-03-02 16:21:20 560
原创 CSS选择器
通配选择器(universal selector):*{color:blue;}类型选择器(type selector):指定到特定类型的全部元素,例:a{color:blue;}p{color:pink;}strong{color:green;}<p>This is a pragraph with an <a href="...">&...
2020-01-02 19:47:56 91
原创 CSS使用建议
外部样式表:<link rel="stylesheet" href="style.css">媒体查询:让不同设备使用相同HTML页面和不同的样式表CSS最佳实践:1.最大限度地减少HTTP请求生产环境中,把小样式表放在一个厂文件里,仅包含一个ALL.css推荐使用服务器端的预处理器Sass2.使用外部样式表3.使用CSS reset 或normallizer来规范浏览...
2020-01-02 16:01:10 95
原创 HTML5 WEB表单
type属性:html5属性有23种可能的值,默认为type=“text”required属性:用于标记一个表单字段是必需的,如果为空则无法提交并提示错误。代码:<form action=""> <label> Email: <input type="email" required /></label> <inpu...
2020-01-02 13:25:02 226
原创 1.0 创建你的第一个网页
前言:赚钱的方式就两种,靠嘴或靠技术,如你不能靠一张嘴来赚钱的话,那就去学一门技术吧 对于学习什么技术,当然是学习网页制作,也就是WEB前端开发,本教程将手把手带你从制作一个最简单的页面,到学会制作像淘宝一样复杂的页面,那现在就一起开始制作你的第一个页面吧!操作步骤:第一步,在桌面新建一个文档,可以随便起一个名.把下列代码粘贴到文档中去<!DOCTYPE html>...
2020-01-01 00:00:33 264
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人