C小浩-CSDN博客

原创盒子模型(Box Model)

盒子模型(Box Model)■ 盒子模型——概念在网页设计中常用的属性名：内容（content），填充（padding），边框（border），边界（margin）,CSS 盒子模式都具备这些属性。细节说明：☛html 元素都可以看成一个盒子☛盒子模型的参照物不一样，则使用的 css 属性不一样。比如：从 div1 的角度看，是 margin-right，从 div2

2017-01-21 17:30:53 1469

原创 CSS常用属性

CSS常用属性☛关于CSS属性个人建议查看手册更加详细方便，我这里就几种常用属性进行分类并简单取几个常用属性值，仅供跟我一样刚学习前端的人作为入门而用。 1.字体样式字体的缩写,写法是font:font-style|| font-variant ||font-weight||font-size||/ line-height||font-family，一定要按照顺序来写♣字体

2017-01-21 17:12:51 594

原创 CSS选择器命名及常用命名

CSS选择器命名及常用命名CSS选择器命名及常用命名规范的命名也是Web标准中的重要一项，标准的命名可以使代码更加易读，而且利于搜索引擎搜索，比如定义了两个div，一个 id 命名为“div1”，另外一个命名为“News”，肯定第二个比较易读，而且搜索引擎抓取率要高，在团队合作中还可以大大提高工作效率。为了达到这种效果我们就要规范化命名（语义化命名）！说个题外话，规范化命名的代

2017-01-21 16:27:37 2698

原创 CSS的优先级和继承问题

CSS的优先级和继承问题★CSS的冲突,即优先级CSS本身的设置可以同时应用多个样式在同一个元素，此时样式之间可能出现冲突而达不到用户所想要的效果。★解决CSS冲突的优先级规则：● CSS层叠样式表引入方法的优先级：内联式>内嵌式>链接式>导入式● 在多个外部样式中，后出现的样式的优先级高于先出现的样式，也就是俗称的覆盖● 在样式中，选择器的优先级：ID样式>class

2017-01-21 16:24:50 2360

原创 CSS选择符

CSS选择符【通配选择符】*星号选择器将匹配页面里的每一个元素，但我建议你永远不要再生产代码中使用它。它给浏览器带来大量不必要的负担。*{margin:0;padding:0;}【标签选择符】（也叫类型选择符）：也就是把html标签名作为选择符demo: ul {}【id选择符】：应该慎重使用ID选择器。给所需样式标签自定义id名.然后在css文件内写上#自

2017-01-21 15:43:35 457

原创 DIV+CSS详解

DIV+CSS详解✪DIV+CSS"这种叫法其实是一种不准确的叫法在做笔记的最前面必须先给大家纠正一个错误，就是"DIV+CSS"这种叫法其实是一种不准确的叫法，是国人给这种布局标准页面的方法起的名字，是对技术理解不够透彻导致的，而标准的叫法是什么呢？呵呵，没错，标准叫法是xHTML+CSS！单纯从代码上辨别过去的页面布局方法和现在流行的页面布局方法，认为过去布局页面用的是Ta

2017-01-17 19:59:53 395

原创 HTML5智能表单

1、表单新增属性 ☀ autofocus 属性设置 autofocus 属性，使文本框自动获得焦点注意:一个页面中最多只能有一个表单元素设置该属性，否则功能将失效，建议对第一个input元素设置autofocus属性。 ☀ formaction 属性所有提交按钮(、、)都可以使用 formaction 属性。HTML5只需添加formaction属性就可实现增加、修

2017-01-15 22:00:45 2811

原创 HTML5的文档结构

HTML5的文档结构HTML5简化了许多,它的设计遵循了3个原则:1.兼容性、2.实用性、3.通用访问性 1. header 元素标签定义文档或者文档的一部分区域的页眉，又可用于设置文章标题。元素应该作为介绍内容或者导航链接栏的容器。在一个文档中，您可以定义多个元素。注释：标签不能被放在、或者另一个元素内部。

2017-01-13 23:24:40 742

原创在网页中嵌入多媒体内容

第10章在网页中嵌入多媒体内容现在在制作网页时，除了可以在网页中放置文本、图片外，还可以在页面中嵌入声音、视频、动画等多媒体内容，使得页面看上去更加丰富多彩、动感十足。10.1 设置滚动字幕属性属性值说明————————————————————————————————————————————————

2017-01-12 21:41:57 2113

原创框架---学习笔记04

第9章框架 9.1 框架概述框架的作用，就是把浏览器窗口划分成若干个小窗口，每个小窗口可以分别显示不同的网页。这样在一个页面中可以同时显示不同网页内容，不同窗口的内容相互独立。框架的主要用途是导航，通常会在一个窗口中显示导航条，另外一个窗口则作为内容窗口，用于显示导航栏目的目标页面内容，窗口的内容会根据导航栏目的不同而动态变化。 html框架集与bod

2017-01-11 21:10:41 618

原创 html表单---学习笔记03

第8章表单8.1 表单标记......关于表单的更多介绍：http://www.cnblogs.com/polk6/archive/2013/06/08/3124228.html ☟ 表单属性：◆ action：用于指定表单的服务端程序,规定当提交表单时，向何处发送表单数据。action取值为:第一，一个URL（绝对URL/相对URL），一般指向服务器端一个程序，程序接受

2017-01-10 20:50:51 500

原创列表和表格---学习笔记02

第7章列表和表格7.1 有序列表 <ol type="A"> <li>这里是第1个li</li> <li>这里是第2个li</li> <li>这里是第3个li</li> </ol> ol属性： type : 数字(1),大小写字母(A,a),

2017-01-09 22:23:15 513

原创 HTML标记语言篇--学习笔记01

HTML标记语言篇第1章 HTML基础1.1 基本概念 WWW 是“World Wide Web”（全球广域网）的缩写，简称为Web，中文又称为“万维网”。 HTML（Hypertext Markup Language，超文本标记语言）是一种文本类、解释执行的标记语言，用于编写要通过WWW显示的超文本文件，称为HTML文件，也叫Web页面或网页。扩展

2017-01-06 16:49:51 1047

原创每天成长一点---WEB前端学习入门笔记

每天成长一点WEB前端学习入门笔记从今天开始，本人就要学习WEB前端了。经过老师的建议，说到他每天都会记录下来新的知识点，每天都是在围绕着这些问题来度过，很有必要每天抽出半个小时来写一个知识总结，及时对一天工作的一个小结，也是对自己知识的一个梳理，之前特别喜欢记在本子上，不过长期的不用，就会发现记在本子上很容易就忘，所以后面开始写博客。首先，它并不单单是对自己的一些技术心得的总结亦

2017-01-05 21:08:41 4804 3

小浩