12-CSS属性,CSS盒子 1. CSS 样式属性1.1 字体 font-xxx定义文本的字体系列、大小、加粗、风格(如斜体)和变形(如小型大写字母)。 font 简写属性。作用是把所有针对字体的属性设置在一个声明中。eg:font:oblique 700 30px “黑体”; /* 样式 加粗 大小 风格 */ font-family 设置字体系列。 font-size 设置字体的尺寸。 font-s 2017-04-28 04_大前端 > 02_CSS #CSS #属性
13-Sass教程 参考资料: sass官网:https://sass-lang.com.cn/ sass教程:https://sass-lang.com.cn/documentation/ 1. 介绍sass最成熟、最稳定、最强大的专业级css扩展语言 sass是css的预编译工具 更优雅的书写css 需要转换成css才能让浏览器认识和运行 安装一个插件:Easy Sass 可以自动将.scss的样式代 2017-04-28 04_大前端 > 02_CSS #CSS #CSS3 #sass
11-使用方式,CSS选择器 1. CSS 样式使用方式1.1 内联方式标签内,单独对特定标签元素生效,简单,但不能复用。 1<font style="color: red;">这是一行字</font> 1.2 内部方式 在 head 标签中,使用 style 标签 使用选择器选中元素 编写 css 代码 12345678<style type="text/css& 2017-04-28 04_大前端 > 02_CSS #CSS #选择器
99-CSS样式案例集锦 布局两栏布局123456789101112131415161718192021222324252627282930313233<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpo 2017-04-28 04_大前端 > 02_CSS #CSS #CSS3
98-CSS三栏自适应布局集锦 参考资料: 源码地址: https://github.com/jzplp/CSS-Layout 布局实例网站: https://jzplp.github.io/CSS-Layout/ 1.直接设置宽度直接设置元素宽度,可以说是最简单也最直接的实现方式了。只要保证元素相加的之后正好为100%,即可实现占满整个页面。假设有的元素是按照像素设置宽度,有的是按照比例设置宽度,那么如何使其相加为100% 2017-04-28 04_大前端 > 02_CSS #CSS #CSS3
00-基础入门 1. 行业介绍美工(切图仔) → 网页制作 → web前端你开发 → 全栈开发 → 大前端。 大前端应用: 网站 管理系统 APP 小程序 数据可视化 智能电视 桌面应用 网页游戏 工具和后端 2. 网页web2.1 w3c标准蒂姆·伯纳斯·李 → W3C 标准。 网页通过浏览器才能访问阅读 网页是网站中的一页 文件扩展名 .html HTML: 超文本标记语言,HyperText M 2017-04-28 04_大前端 > 01_HTML #HTML #基础 #标签
03-基本标签 1. 结构:html、head、title、meta、body根:<html> </html>头:<head> </head>标题:<title> </title>(在头标签中)元信息:<meta charset="utf8">(在头标签中)主体:<body> </body& 2017-04-28 04_大前端 > 01_HTML #HTML #标签
02-HTML5特性 HTML5 草案在 2008年发布,2013年正式发布 HTML5 版本是 HTML5.1。 HTML5 语法 HTML5 新增语义化标签 案例:语义化标签 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636 2017-04-28 04_大前端 > 01_HTML #HTML #基础 #HTML5
04-form,frameset,meta 1. form 表单表单元素: type 不同的输入方式 name 用于拼接到链接地址提交到服务器,格式:name1=value1&name2=value2 value 默认值 checked 单选选中 selected 多选选中 1234567891011121314151617181920212223242526272829303132333435<!DO 2017-04-28 04_大前端 > 01_HTML #框架 #HTML
01-表单进阶 1. 表单进阶1.1 radio 单选框input组件中type=”radio“可以设置单选效果。 name 分组要相同,可以在同一个name分组中进行单选 checked 默认选中属性 label for="id" 可以点击文字进行选中(label 设置id,通过 label 标签去 for id就可以点击文字进行选中 radio 单选) - 【表单中常用】 2017-04-28 04_大前端 > 01_HTML #HTML #表单