
前端学习
憶憶憶
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
html标签学习汇总
html 网页结构 页面由四个部分组成。 文档声明: html标签对:html标签对中有一个lang属性,用于表明网页所采用的语言类型,其值有英文‘en’,中文’zh’,日文’ja’,美式英语’en-us’等,其值不区分大小写。 head标签对 body标签对 其中html标签对包裹着head、body标签对。 head内的标签 title标签:用于展示网页的标题 meta标签:常用写法为,...原创 2019-08-31 22:55:44 · 240 阅读 · 0 评论 -
浅谈网页的分区段标签
将网页分区段 header:页眉,主要用于展示标题和logo nav:导航栏 main:主内容 嵌套在main中的标签:aside,article,selection,div footer:页脚,展示联系方式和版权声明 以上所有元素都要放在body标签中。 写一个网页展示: <!DOCTYPE html> <html> <head> ...原创 2019-09-01 00:02:13 · 625 阅读 · 0 评论 -
a标签的样式
谈a标签的样式 使用CSS的伪类可以修改a标签的样式 悬停样式(在鼠标停留在a标签时的样式) a:hover{ } 点击时的样式(鼠标点击a标签) a:active{ } 聚焦时的样式 a:focus{ } 去除a标签默认的下划线使用 <!--在此改变a的默认样式--> a{ text-decoration:none; ...原创 2019-09-01 14:41:31 · 5381 阅读 · 1 评论 -
字体、文本、列表及背景图片的样式
字体样式 字体大小:font-size,单位可用px,em,rem 粗体:font-weight 文本转换:transform 文本装饰:text-decoration,可以一次接受多个值 文本阴影:text-shadow,最多有4个值 文本布局 文本对齐:text-align:left/right/center/justify(使文本展开); 行高:line-height:数值;用于改变文...原创 2019-09-01 17:24:05 · 193 阅读 · 0 评论 -
position定位问题及元素的对齐方式
定位问题 相对定位 属性值为relative; 其子元素可用left,right,top,bottom等属性来调节位置,即使发生了偏移,仍然占据着它未发生偏移的空间 绝对定位 属性值为absolute; 子元素也可以用left,right,top,bottom等属性来调节,其位置相对于其父元素的位置而言,不占据文档流的位置。 可用z-index来改变堆叠顺序:值较大的元素将叠加在z-index值较...原创 2019-09-01 18:44:39 · 767 阅读 · 1 评论