- 博客(6)
- 资源 (2)
- 收藏
- 关注
原创 HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第11章有路网移动端主页实战
本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源本章目标LESS1.什么是lessLess 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、嵌套等特性。Less的语法更简洁,可以被翻译为CSS。在vs code安装less的编译插件安装插件Easy LESS,如下图所示有了这个后,可以在编辑器新建less文件,后缀名是.less,保存后会自动编译成css2. 变量less可以声明变量,在其
2020-08-13 11:52:42 1709
原创 HTML5CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第10章有路网PC端主页实战整合
本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源制作有路网首页有路网首页布局框架制作划分区域,确定div测量各个区域的宽高使用Flexbox对网页进行布局youlu-whole.css.nav{ height: 30px; background-color: #f4f4f4;}.search-bar{ height: 134px; background-color: green;}.cate-
2020-08-13 11:41:48 412
原创 HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第9章FlexBox实战有路网
本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源制作有路网水平导航菜单category-nav.css.red-nav{ height: 38px; background-color: #d80000; width: 100%;}.red-nav ul{ display: flex; width: 1200px; margin: 0 auto;}.red-nav li{ flex: 0 0 au
2020-08-13 11:07:08 251
原创 HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第8章FlexBox布局
本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源Flex容器<ul> <!--parent element--> <li></li> <!--first child element--> <li></li> <!--second child element--> <li></li> <!--thir
2020-08-13 10:51:45 334
原创 HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第7章定位
本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源定位position属性static:默认值,没有定位relative:相对定位absolute:绝对定位fixed:固定定位标准文档流标准文档流:是指页面上从上到下,从左到右,网页元素一个挨一个的简单的正常的布局方式。一般在HTML元素分为两种:块级元素和行内元素。像div,p这些的元素属于块级元素,块级元素是从上到下一行一行的排列;默认一个块级元素会占用一行,而跟在后面
2020-08-13 10:42:15 418
原创 HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第6章表格与表单
本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源表格table标签(表格)、tr标签(行)、td标签(标准单元格)、caption标签(标题)、th标签(表头单元格)。为了更深一层对表格进行语义化,HTML引入了thead、tbody和tfoot这三个标签。这三个标签把表格分为三部分:表头、表身、表脚。table 表格caption 标题thead 表头(语义划分)tbody 表身(语义划分)tfoot 表尾(语
2020-08-13 10:11:09 190
豆约翰博客备份专家20150130
2015-02-07
豆约翰博客备份专家V2.4
2012-05-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人