H5C3
基础
wsyyyyyyy
这个作者很懒,什么都没留下…
展开
-
前端入门视频笔记 HTML5(一) P1-31
03-网页相关概念网站是网页集合;网页通常是HTML格式的文件,以.htm或.html后缀结尾,要通过浏览器来阅读,由文字、图片、链接、声音、视频等元素构成。HTML(HyperText Markup Language)超文本标记语言用来描述网页的标记语言,是一套标记标签。网页的形成:html描述 > 浏览器解析渲染> Web页面显示04-常用浏览器IE、火狐(Firefox)、谷歌(Chrome)、Safari(苹果)、Opera五大浏...原创 2020-08-27 11:17:30 · 338 阅读 · 0 评论 -
前端入门视频笔记 HTML5(二) P32-60
HTML标签(下)02-表格标签为了展示数据。<table> 定义表格的标签;<tr> (table row) 定义表格中的行;<td> (table data) 定义单元格。<table> <tr> <td> 单元格中的文字 </td> <td> ... </td> ... </tr>...原创 2020-08-28 18:28:51 · 214 阅读 · 1 评论 -
前端入门视频笔记 CSS3(一) P61-92
CCS(一)02-CCS简介HTML的局限:针对网页元素的结构,只关注内容的语义。CCS(Cascading Style Sheets)层叠样式表: 也可称为CSS样式表或级联样式表,也是一种标记语言; 用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片外形(宽高、边框、边距等)、版面布局和外观显 示样式,从而美化HTML,布局页面; 实现结构(HTML)与样式(CCS)相分离。...原创 2020-09-05 10:59:25 · 348 阅读 · 1 评论 -
前端入门视频笔记 CSS3(二) P93-128
02/03-Emmet语法使用缩写来快速生成HTML结构和CSS样式语法;(1)在HTML中:输入标签名再按tab键,直接生成标签;输入标签名*数字,再按tab键,直接生成多个相同的标签;输入父标签名>子标签名,再按tab键,直接生成父子两级标签;输入标签名+另一标签名,再按tab键,直接生成并列的两级标签;输入 .类名或者 #id名,生成默认的带有该class名称的div标签;(如果想要其他标签,输入标签名. 类名或者 标签名#id名).类名$*数字(...原创 2020-09-07 21:15:25 · 170 阅读 · 0 评论 -
前端入门视频笔记 CSS3(三) P129-164
CCS(三)01~07 CSS的三大特性(1)层叠性:相同的选择器设置相同的样式,产生了样式冲突,离结构更近的样式(后执行的)会覆盖较远的样式(先执行的)。(2)继承性:子标签会继承父标签的某些样式,如文字属性text-、font-、line- 和color。 行高可以设置为 line-height = (一个数字如)1.5,意思是行高为当前字体高度的1.5倍,可以根据字体大小自动调整行高,也具有继承性。(3)优先级:当多个选择器指向同一个元素时,若选择器...原创 2020-09-08 20:46:10 · 151 阅读 · 0 评论 -
前端入门视频笔记 CSS3(四)浮动 P165-188
CSS3(四)网页布局的本质:用CSS来摆放盒子,把盒子摆放到相应的位置。新增属性:04~07 圆角边框、阴影(1)圆角边框:将盒子的边框变成圆角的, border-radius: 数字px或百分比;属性也可以分成四个角来写:border-top-left-radius、border-top-right-radius、border-bottom-right-radius 和 border-bottom-left-radius...原创 2020-09-09 21:52:27 · 240 阅读 · 0 评论 -
前端入门视频笔记 CSS3(五) P190-197
PS切图图层切图:选择图片的那个图层,右击-快速导出为PNG; 如果一个图片由多个图层组成,就先合并图层,然后再导出。切片切图:用切片工具选择想导出的图片,右击-存储为web...PS插件切图:Cutterman插件...原创 2020-09-13 16:51:43 · 160 阅读 · 0 评论 -
前端入门视频笔记 CSS3(六)定位 P221-249
CSS(六)定位可以让盒子在某个盒子上自由移动或者固定在屏幕中某个位置,并且可以压住其他盒子;按照定位的方式摆放盒子,定位 = 定位模式(方式)+ 边偏移(位置);定位模式position属性属性值 语义 static 静态定位 relative 相对定位 absolute 绝对定位 fixed 固定定位 static边偏移属性 描述 top 顶端偏移量,即元素相对于其父元素上边线的...原创 2020-09-14 18:26:45 · 129 阅读 · 0 评论 -
前端入门:HTML/CSS增强(九/十) P250-272、297
精灵图网页中有很多小的背景图片,如果每加载一张就与服务器通信一次,就会造成较大的请求压力,降低网页的加载速度。原理:将网页中的一些小背景图整合到一张大图中;使用时利用 background-position 将大图中要用的小图移动到盒子上作为背景;由于background-position规定沿x轴向左移动是负值,沿y轴向上移动是负值,所以属性值一般为负。字体图标 iconfont用字体图标来做结构样式比较简单的图标,可以方便更改大小、颜色等样式,使用起来更灵活;它是以图标.原创 2020-10-15 17:22:39 · 547 阅读 · 1 评论 -
10.15 品优购网站项目
网站 favion 图标作为缩略的网站标志,显示在浏览器的地址栏或标签上。切出图标的png图片,用转换网站转换成 ico 格式的图标; 将图标放到网站根目录下; 在HTML文档head中引入favion图标—— <link rel="shortcuticon" href="图标地址/名称">SEO(Search Engine Optimization)搜索引擎优化,是指利用搜索引擎的规则来提高网站在相关搜索内的排名;网站页面中有三个标签进行SEO优化:title、d...原创 2020-11-07 21:56:01 · 350 阅读 · 1 评论 -
移动web开发 - 布局 P390-415、440...
(一)移动端移动端基础国内的手机浏览器都是根据webkit修改的内核,可以对webkit内核进行兼容。视口(viewport)(1)是浏览器显示页面内容的屏幕区域,分为布局视口、视觉视口和理想视口。布局视口(layout viewport):移动端浏览器默认设置了布局视口,分辨率为980px;会将980px的PC页面压缩成手机屏幕大小。·视觉视口(visual viewport):用户看到的网站的区域;所以屏幕上只看到页面的一部分区域。理想视口(ideal viewport.原创 2020-10-31 17:54:15 · 297 阅读 · 0 评论