![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端开发
谁还不是个小屁孩
海边微风起,等风也等你
展开
-
4 CSS布局与定位
1. 盒子模型同时内外边距,边框都有四个方向,如border-top,border-right,border-bottom,border-left实例1.1 overflow属性1.2 border属性border案例 水平线1.3 padding属性对浏览器默认的设置清零*{marging:0;padding:0;}1.4 margin属性#...原创 2020-02-28 20:36:21 · 218 阅读 · 0 评论 -
3.3 CSS样式(3)
1.背景背景图片的应用需要设置单元的高宽才会被显示,如下图,小图片高30px,宽1px,所以单元高度也要设置为30px,然后 background-repeat:repeat-x 进行横向填充,所以单元的宽度设置没有要求另外就是backgroung设置可以一起,按照颜色图片填充方式的顺序即可2.超链接注意!实例如图3.列表列表的四个属性1.list-style-t...原创 2020-02-27 23:47:54 · 129 阅读 · 0 评论 -
3.2 CSS样式(2) 文本
1.单位与颜色单位在没有设置字体样式时,字体大小等的继承关系如下:颜色2. text字符间距的应用行高应用对齐方式装饰线如淘宝价格变动使用,去掉超链接下划线(超链接a标签默认是有下划线的)-- text-decoration:none;3. font字体简化使用4.小结...原创 2020-02-27 19:58:10 · 118 阅读 · 0 评论 -
3.1 CSS样式(1)
1.概述HTML:网页的内容CSS:内容的样式(层叠样式表)内容和格式相分离,便于修改格式2.CSS添加方法2.1 行内2.2 内嵌样式写在head标签之内,每个页面都要重新定义;适合文件很少,css代码也不多的情况2.3 单独文件页面结构HTML代码与样式CSS样式的完全分离,维护方便,可以在一个HTML文档中引用多个外部样式表2.4 优先级多重样式可以重叠,覆盖...原创 2020-02-27 19:31:47 · 117 阅读 · 0 评论 -
2.5 Web语义化
1.概述2.强调标签3.自定义列表原创 2020-02-20 11:06:51 · 68 阅读 · 0 评论 -
2.4 表单标签
1.表单域 form2.文本框,密码框input-text、password3.提交重置按钮 input-submit、reset4.单选复选框 input-radio、checkbox5.下拉列表 select option6.文本域 textarea...原创 2020-02-20 11:07:04 · 100 阅读 · 0 评论 -
2.3 标签(2)
1.超链接 < a>< /a>2.原创 2020-02-20 11:07:42 · 84 阅读 · 0 评论 -
2.2 标签(1)
1. 标题 h1-h6< h1>一级标题< /h1>< h2>二级标题< /h2>2.段内换行 < br />出现多个则生成多个换行3.段内分组 span中国人口调查报告几个字会按照设定好的字体格式显示4.段落 p使用< p>内容< /p>标签内的文字忽略连续空格和换行,只显示一个空格,5.预...原创 2020-02-20 11:07:54 · 80 阅读 · 0 评论 -
2.1 HTML基础
1.HTML概述超文本标记语言,制作网页的标准语言(不区分大小写)1.标签通常成对出现,尖括号保包围,如:< title >百度一下,你就知道< /title >< title >:开始标签< /title >:结束标签单独出现标签,以斜杠结束:< img />标签嵌套:注意缩进2.元素< title >...原创 2020-02-20 11:07:30 · 104 阅读 · 0 评论 -
1.网页概论
1.Web前端开发概述Web系统:以网站形式呈现,通过浏览器访问,完成一定功能的系统。前端:网页上为用户呈现的部分。后端:与数据库进行交互,完成数据存取。2.网站与网页网站:网页的集合。以文件夹形式存储。网页:以文件形式存储。通过“超链接”的方式组织在一起。页面元素:表单站标Logo导航栏文字超链接广告横幅(图片超链接)浏览器:解析网页源代码,渲染网页。3.Web前...原创 2020-02-20 11:07:20 · 204 阅读 · 0 评论