分类：WEB前端时间： 2015年9月8日 HTML 是用来描述网页的一套标记标签，是我们在web前端开发中的基础。下面PHP程序员雷雪松主要结合自己的经验给大家分享下HTML的基础知识，以及在自学过程中一些比较常用的和重要的HTML知识点。 基本标签 创建一个HTML文档 设置文档标题以及其他不在WEB网页上显示的信息 将文档的题目放在标题栏中 设置文档的可见部分 标签定义文档与外部资源的关系 ...
Himi在写React 时主要遇到两个知识点觉得很有必要跟大家一起回顾下。 函数绑定 FlexBox 布局 一：函数绑定 首先来看一段代码片段： constructor(props) { super(props); this.state = { myName:I am MyName!, }; } componentWillMount() { this.state.myName=cwm; } testFun1(){ this.state.myName=tf1; Alert.alert(Himi, testFun1 ); } tes...
分类：WEB前端时间： 2016年2月17日 在WEB前端开发过程中，给文件命名、class和id命名可能是大部分程序员遇到的难题。如何让命名更加清晰容易区分又带有语义化，可能并不简单。合理的文件命名、class和id命名可以使你的代码看起来更加高大上，而且后期也一目了然，方便维护。下面PHP程序员雷雪松带看看我们WEB开发过程中总结的一些HTML常用的语义化命名。 (一) 常用的class命名 头：header 内容：conte...
大家帮我看看，下面这段CSS有什么问题吗？body的样式一直没效果 /*第一行没有作用，这是为什么呢？*/body{background: #fff; font-size: 13px; font-family: Microsoft Yahei; color: #000;}body,p,ul,li,ol,h1,h2,h3,h4,h5{margin: 0; padding: 0;}ul,li,ol{list-style-type: none;}a{text-decoration: none;}input{border: 1px solid #ccc; outline: none;}img{border: 0;} ...
前端开发工程师实际上是负责IT系统工程的，实际上就是负责信息化系统的设计、建设，包括设备、系统、数据库、应用系统的建设的。说白了，你前期就是个做网页的，但是后期会慢慢变得越来越厉害，自己写网站，做各种动画游戏不再话下，喜欢哪个女生，分分钟在网页上给你画出来花。会了这些害怕追不到妹子么?是不是很流弊? 等你进入公司后，一般来说都是这么分工的： 1.产品需求: 由产品经理给出需求文档 2.项目设计: ...
本文是节选《HTML5与CSS3基础教程》（第八版）第3章第3节。 本章全部文章： 第一节： “基本HTML结构 开始编写网页” 第二节：创建页面标题 作者：图灵教育来源：《HTML5与CSS3基础教程》（第八版） 3.3 创建分级标题 HTML提供了六级标题用于创建页面信息的层级关系。使用h1、h2、h3、h4、h5或h6元素对各级标题进行标记，其中h1是最高级别的标题，h2是h1的子标题，h3是h2的子标题，以...
一个Css3按钮效果很好，仔细看了一下发现就是::after,::before然后加上transition，transform等效果实现，主要关注一下几点就能轻松实现： 1、伪类需要position定位，相对的button也需要定位一下 2、设置一下z-index属性,一般button设置为1， button::after或者button:before设置为-1即可 3、transition实现动画效果，如果需要transform旋转一下 效果如下：代码如下： DOCTYPE html><html><head><meta http-equiv="Content-Type...
第七章，CSS构造块 CSS里有控制基本格式的属性（font-size，color），有控制布局的属性（position，float），还有决定访问者打印时在哪里换页的打印控制元素。CSS还有很多控制项目显示或消失的动态属性，可以用于创建下来列表和其他交互性组件。 构造样式规则 样式表中的每条规则都有两个部分：选择器和声明块。 选择器决定哪些块受影响，声明块由一个或多个属性-值对组成，指定应该做什么。为样式规则添加注释 /* 注释 */，可以是...
第十六章，表单 HTML5引入了新的表单元素、输入类型和属性，以及内置的对必填字段、电子邮件地址、URL以及定制模式验证。 元素：---- 电子邮件框---- 搜索框---- 电话框---- URL框 以下元素得到部分浏览器支持：---- 日期---- 数字---- 范围-------- \Grapes ---- \Pears ---- 数据列表 Kiwi ...
第十一章，用CSS进行布局 开始布局注意事项 1、内容与显示分离 2、布局方法：固定宽度和响应式布局 固定宽度，整个页面和每一栏都有基于像素的宽度 响应式布局也称为流式页面，使用百分数定义宽度 3、浏览器问题 注：HTML5 shiv 是少有的必须在head中加载JavaScript的情况之一，否则就不起作用。 关于HTML5 shiv： 与其他主流浏览器不同，IE8及之前版本会忽略它们不原生支持的元素的CSS。HTML5 shiv是专门用于解决这一问题的一段Ja...
背景属性文本属性direction 属性影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向、以及两端对齐元素中最后一行的位置。 注释：对于行内元素，只有当 unicode-bidi 属性设置为 embed 或 bidi-override 时才会应用 direction 属性。 direction 属性有两个值：ltr 和 rtl。大多数情况下，默认值是 ltr，显示从左到右的文本。CSS链接四种状态a:hover 必须位于 a:link 和 a:visited 之后， a:active 必须位...
第十一章 1、 box-sizing：border-box（让宽度和高度包含内边距和边框） 2、 clear让后面的元素显示在浮动元素的后面 3、 z-index只对只对绝对、固定、相对定位的元素有效 4、 vertical-aligh只用于行内元素 baseline/middle/sub/super/text-top/text-bottom/top/bottom/百分比/值 第十二章 1、 and (min-width/max-width/resolution:value)” href=”” /> 2、 第十三章 1、body{font-family:’ pt_sansregular’;}@font-...
4月7日学到的知识点：一：alt是给图片添加介绍，当图片没加载出来时，会直接显示alt的值,在搜索引擎搜索时也可以让搜索引擎更好的找到这张图。二：标签下载当href的值是一个文件名或者压缩包时就会直接出发浏览器的下载功能去下载这个文件。三：锚点，百度百科常用。点击a标签就会跳到对应id的位置。四：群组选择符#box1,#box2{}选中id为box1和box2的对象。五：类选择符.class六：类型选择符p{};div{}等七：样式优先级1.同级样式默...
即将毕业的软件工程大学生一枚，秋季招聘应聘的是Android，今年来到公司实习，要求做前端开发，所以一切只有现学，现在根据视频来学习，然后开这个博客记录一下自己的学习过程，废话不多说，开写。 4月6日学到的知识点：一：! 声明，注意的意思；doc document 文档的意思；type 类型的意思；html就不用解释了；连在一起的意思就是：注意，文档的类型是HTML。也就是声明你写的文件的文档类型，方便浏览器解析。二：声明代码的编码...
第七章 1、 样式表：选择器和生命块 2、 !important： 某条声明的重要程度比其他高，在末尾添加 3、 属性值：inherit; 是强制继承 4、 1em=16px; 5、 可以接受不带单位的属性：line-height、z-index、opacity 6、 background-color/color/border/box-shadow/text-shadow: rgba(89,0,127,.2);最后一个是透明度 7、 属性：hsl(95,10%,28%) 色相、饱和度、亮度 第八章 1、 在和中加入media=”print/screen/all” 第...