html和css
不一于汝(工作不易,多多学习)
当你学的越多,发现自己很多都不知道时,说明在进步了
准备学习react了,行业太难了
展开
-
了解<hx>标签,为你的网页添加标题
文章的段落用标签,那么文章的标题用什么标签呢?在本节我们将使用标签来制作文章的标题。标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。是最高的等级。语法:标题文本 (x为1-6)文章的标题前面已经说过了,可以使用标题标签,另外网页上的各个栏目的标题也可使用它们。如下图为腾讯网站。原创 2017-03-30 13:48:40 · 681 阅读 · 0 评论 -
如何用CSS样式进行网页布局
1 分栏又称为分列,常见的布局分为: 一列布局 两列布局 三列布局 混合布局(1)一列布局: 布局 body{margin:0; padding: 0;} .top{ height: 100px;background: blue; } .main{ width: 800px;原创 2017-06-12 12:44:56 · 468 阅读 · 0 评论 -
网页的兼容性解决办法
HTML页面原创 2017-09-21 08:41:25 · 1577 阅读 · 0 评论 -
CSS格式化排版
1 文字排版--字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你原创 2017-06-06 19:42:28 · 361 阅读 · 0 评论 -
编写html5的小技巧3
1.使用标签,链接到另一个页面使用标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。语法:链接显示的文本例如:click here!上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这原创 2017-06-02 13:39:45 · 897 阅读 · 0 评论 -
编写html5的小技巧2
1.使用ul,添加新闻信息列表在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表,如下图所示。新闻列表图片列表这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。语法: 信息 信息 ......举例: 精彩少年 美丽突然出现 触动心灵的旋律转载 2017-04-09 16:24:42 · 503 阅读 · 0 评论 -
编写html5程序的小技巧
1.使用标签分行显示文本对于上一小节的例子,我们想让那首诗显示得更美观些,如显示下面效果:怎么可以让每一句诗词后面加入一个折行呢?那就可以用到<br />标签了,在需要加回车换行的地方加入,标签作用相当于word文档中的回车。上节的代码改为:语法:xhtml1.0写法:html4.01写法:大家注意转载 2017-04-09 16:06:35 · 2165 阅读 · 0 评论 -
加入强调语气,使用<strong>和<em>标签
有了段落又有了标题,现在如果想在一段话中特别强调某几个文字,这时候就可以用到或标签。 但两者在强调的语气上有区别: 表示强调, 表示更强烈的强调。并且在浏览器中 默认用斜体表示, 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用表示强调。语法:需要强调的文本 需要强调的文本 如,在网上商城中,某产品的打折后的价格是需要强调的。如下图。原创 2017-03-30 13:51:11 · 1099 阅读 · 0 评论 -
Html与Css
1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还原创 2017-03-30 10:12:49 · 465 阅读 · 0 评论 -
网页设计站点常用的知识
1.表单的value默认值 value="姓名 Name" onfocus="this.value='';" onblur="this.value='姓名 Name'" /> 请输入您需要留言的内容 设转载 2017-12-20 15:00:17 · 477 阅读 · 0 评论 -
快速上手CSS预处理语言Less
首先使用less来编写css样式,需要编译处理,有很多IDE都要自带的less插件或者是可以安装插件,这里我推荐一个轻量级的编译器Koala - LESS/Sass/Compass/CoffeeScript编译工具,使用就是 下面开始介绍Less的使用 变量 使用@定义需要重复的变量,然后在写css样式的时候就可以直接使用@width: 10px;@heigh...原创 2018-12-17 16:17:44 · 353 阅读 · 0 评论 -
导航条的制作
要点:1、用无序列表构建菜单;ul/li2、垂直菜单转变为水平菜单:float:left;3、在制作圆角菜单时,背景图片贴在标签上; -------> 雪碧图的应用--- background-position4、在制作改变高度的伸缩菜单时,实现高度向上延伸的技巧: ----> margin-top用负值;5、用JS制作水平伸缩菜单时,“this”代表当前的标签。 jQuer原创 2017-06-12 16:30:54 · 370 阅读 · 0 评论 -
javascript深入理解js闭包
一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一方面转载 2017-06-30 22:35:01 · 291 阅读 · 0 评论 -
网页布局基础
1 CSS 规定的定位机制有三种,分别是 标准文档流(Normal folw) 浮动(Floats) 绝对定位(Absolute positioning)2.W3C标准:由万维网制定的一系列标准,包括: 结构化标准语言(HTML和XML) 表现标准语言(CSS)原创 2017-06-12 16:39:41 · 232 阅读 · 0 评论 -
用户交互,表单标签(重要)
1 使用表单标签,与用户交互网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。语法:讲解:(1) :标签是成对出现的,以开始,以结束。(2) action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。(3) m原创 2017-06-05 14:33:10 · 764 阅读 · 0 评论 -
CSS (为网页添加样式)
1原创 2017-06-05 16:07:09 · 1331 阅读 · 0 评论 -
CSS样式基本知识
1 内联式css样式,直接写在现有的HTML标签中CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。这一小节先来讲解内联式。内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:这里文字是红色。注意要写在元素的开始标签里,下面这种写法是错误的:这里文字是红色。style="c转载 2017-06-05 17:03:57 · 695 阅读 · 0 评论 -
CSS选择器
1 什么是选择器?每一条css样式声明(定义)由两部分组成,形式如下:选择器{ 样式;}在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器中第7行代码中的“body”就是选择器。2 标签选择器标签选择器其实就是html代码中的标签。如右侧代码编辑器原创 2017-06-05 21:38:21 · 194 阅读 · 0 评论 -
CSS盒模型
1 元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:、、...、、、、、、 、常用的内联元素有:、、、、、、、、、、常用的内联块状元素有:、2 元素分类--块级元素什么是原创 2017-06-07 14:10:26 · 228 阅读 · 0 评论 -
盒模型2
1 什么是盒模型? 一个页面元素,如:div , 里面内容是文字,图片,或者是另一个标签元素。 padding:内填充,div与他里面装的内容的距离。 martin:外边距,两个div之间的距离。 border:盒子的边框,div的边框大小。2 盒模型--边框(一)原创 2017-06-07 14:30:02 · 216 阅读 · 0 评论 -
CSS布局模型
1 css布局模型清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。 CSS包含3种基本的布局模型,用英文概括为:Flo原创 2017-06-07 15:14:33 · 462 阅读 · 0 评论 -
CSS代码缩写,占用更少的带宽
1 盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有下面三种缩写方法:原创 2017-06-07 16:09:17 · 226 阅读 · 0 评论 -
单位和值
1 颜色值在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:(1) 英文命令颜色前面几个小节中经常用到的就是这种设置方法:p{color:red;}(2) RGB颜色这个与 photoshop 中的 RGB 颜色是一致的,由 R(red)、G原创 2017-06-07 16:20:05 · 224 阅读 · 0 评论 -
CSS样式设置小技巧
1 水平居中设置-行内元素我们在实际工作中常会遇到需要设置水平居中的场景,比如为了美观,文章的标题一般都是水平居中显示的。这里我们又得分两种情况:行内元素 还是 块状元素 ,块状元素里面又分为定宽块状元素,以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中?如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:cen原创 2017-06-07 16:29:29 · 370 阅读 · 0 评论 -
快速上手CSS预处理语言Less--模板(常用的CSS3效果函数及常用颜色搭配)
大佬的文档:Less定义常用的CSS3效果函数及常用颜色搭配直接上代码:定义圆角及调用 /*定义圆角@radius 圆角大小*/.round(@radius:5px){ border-radius:@radius; -webkit-border-radius: @radius; -moz-border-radius: @radius;}.round...转载 2019-07-08 17:59:04 · 567 阅读 · 0 评论