• css渲染(三)颜色与背景

    颜色的应用主要 分为前景色、背景色和透明三个部分。 一、前景色 color color前景色 值: color | inherit 初始值: 用户代理特定的值 应用于: 所有元素 继承性: 有 一般来说,前景是元素的文本,不过前景还包括元素周围的边框。有两种方式直接影响一个元素的前景色,可...

    2018-06-24 02:17:55

  • html、css简述面试题

    hTML, HTTP,web综合问题 1、前端需要注意哪些SEO 合理的 title 、 description 、 keywords :搜索对着三项的权重逐个减小,title值强调重点即可,重要关键词出现不要超过2次,而且要靠前,不同页面 title 要有所不同; description 把页面内容高度概括,长度合适,...

    2018-06-24 02:17:49

  • 【css】最近使用的两种图标字体库

    ## 0. 前言 比较基础的图标加载:img src="x.png"和块元素的背景background: url(./x.png). 页面多图标时,使用雪碧图(多个png压缩成一个png,定位来使用),减少图片所占空间。 大屏显示,为保证图标清晰度,可以使用svg格式的图片。svg是矢量图,直接更改svg代码中p...

    2018-06-24 02:17:54

  • css渲染(二) 文本

    一、文本样式 首行缩进 text-indent 首行缩进是将段落的第一行缩进,这是常用的文本格式化效果。一般地,中文写作时开头空两格。 [注意]该属性可以为负值;应用于: 块级元素(包括block和inline-block) div p style=" text-indent: 2em "亚冠联赛是亚洲最高等级的俱乐部...

    2018-06-24 02:17:46

  • CSS布局(五) 网页布局方式

    网页实质是块与块之间的位置,块挨着块,块嵌套块,块叠着块。 三种关系:相邻,嵌套,重叠 。 下面介绍网页布局的常用几种方式 1.一列布局: 一般都是固定的宽高,设置margin : 0 auto来水平居中,用于界面显著标题的展示等; .main { width : 200px ; height : 100px...

    2018-06-24 02:17:49

  • Markdown常用语法

    1、标题类 标题是每篇文章最常用的格式,在Markdown中,如果使一段文字定义为标题,则只要在这段文字前加 “#”号 即可。如上图所示。 总共有6级标题,建议 在#号后添加一个空格符 。 2、列表类 在文字前加 “-” 或 “*” ,即可变为 无序列表 ; 在文字前加 “1. ”...

    2018-06-24 02:17:47

  • 初入编程的新世界

    准备跨入程序员的行列了, 今天开课第一天, 算起来之前学习的几天, 第一次真正的了解了网页制作包括什么, html(结构),css(页面美化 层叠样式表),JavaScript(行为 特效 表单验证), 重点了解的是html 超文本标记语言。 之所以叫做超文本, 因为里面可以包含...

    2018-06-24 02:17:42

  • 如何水平居中一个元素

    在项目中经常会遇到居中问题,这里借鉴度娘的众多答案,做一个总结: 一、元素的水平居中 1、行级元素的水平居中 div style ="width: 200px;height: 100px;border: 1px solid cyan; text-align: center;" span 行级元素水平居中 / span / div 很明显:子元素为行级元素...

    2018-06-24 02:17:45

  • 重温前端基础之-css浮动与清除浮动

    文档流的概念指什么?有哪种方式可以让元素脱离文档流? 文档流,指的是元素排版布局过程中,元素会自动从左往右,从上往下的流式排列。并最终窗体自上而下分成一行行,并在每行中按从左到右的顺序排放元素。脱离文档流即是元素打乱了这个排列,或是从排版中拿走。 让元...

    2018-06-24 02:17:44

  • CSS布局(四) float详解

    一、float设计初衷 因为float被设计出来的初衷是用于——文字环绕效果。 即,一个图片一段文字,图片float:left之后,文字会环绕图片。 div style ="width: 100px;height: 100px" img src ="image/1.jpg" style ="width: 50px;height: 50px;float: left" 阿斯利康大家...

    2018-06-24 02:17:43

2