![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 86
你的龙哥哥
这个作者很懒,什么都没留下…
展开
-
HTML
1.前端开发概述什么是前端开发?前端开发也叫做web前端开发,它指的是基于web的互联网产品的页面(也可叫界面)开发及功能开发。什么互联网产品?互联网产品就是指网站为满足用户需求而创建的用于运营的功能及服务,百度搜索、淘宝、QQ、微博、网易邮箱等都是互联网产品。前端开发需要哪些技术?前端工程师参照产品的效果图来开发页面(也可叫界面),效果图是由UI设计师用Photoshop(少量设计师...原创 2018-10-15 19:40:21 · 127 阅读 · 0 评论 -
HTML 页面布局
2.10页面布局概述页面布局概述布局也可以叫做排版,它指的是把文字和图片等元素按照我们的意愿有机地排列在页面上,布局的方式分为两种:1、table布局:通过table元素将页面空间划分成若干个单元格,将文字或图片等元素放入单元格中,隐藏表格的边框,从而实现布局。这种布局方式也叫传统布局,目前主要使用在EDM(广告邮件中的页面)中,主流的布局方式不用这种。2、HTML+CSS布局(DIV+C...原创 2018-10-15 19:41:17 · 1748 阅读 · 0 评论 -
css基本使用
3.CSS3.1css基本语法及页面引用css基本语法及页面引用css基本语法css的定义方法是:选择器 { 属性:值; 属性:值; 属性:值;}选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值。代码示例:/* css注释 ctrl+shift+"/"*/div{ width:100px; height:100...原创 2018-10-15 19:42:19 · 101 阅读 · 0 评论 -
css选择器
css选择器常用的选择器有如下几种:1、标签选择器标签选择器,此种选择器影响范围大,建议尽量应用在层级选择器中。举例:*{margin:0;padding:0}div{color:red} <div>....</div> <!-- 对应以上两条样式 --><div class="box">....</div> ...原创 2018-10-15 19:43:26 · 98 阅读 · 0 评论 -
css盒子模型
CSS盒子模型盒子模型解释元素在页面中显示成一个方块,类似一个盒子,CSS盒子模型就是使用现实中盒子来做比喻,帮助我们设置元素对应的样式。盒子模型示意图如下:把元素叫做盒子,设置对应的样式分别为:盒子的宽度(width)、盒子的高度(height)、盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子与盒子之间的间距(margin)。设置宽高width:200...原创 2018-10-15 19:54:22 · 360 阅读 · 0 评论 -
盒模型的实际尺寸
盒模型的实际尺寸按照下面代码制作页面:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>盒子的真实尺寸</title> <style type="text/css原创 2018-10-15 20:00:48 · 419 阅读 · 0 评论 -
块元素、内联元素、内联块元素
块元素、内联元素、内联块元素元素就是标签,布局中常用的有三种标签,块元素、内联元素、内联块元素,了解这三种元素的特性,才能熟练的进行页面布局。块元素块元素,也可以称为行元素,布局中常用的标签如:div、p、ul、li、h1~h6、dl、dt、dd等等都是块元素,它在布局中的行为:支持全部的样式如果没有设置宽度,默认的宽度为父级宽度100%盒子占据一行、即使设置了宽度内联元素内联...原创 2018-10-15 20:16:15 · 129 阅读 · 0 评论 -
浮动,定位
浮动浮动特性1、浮动元素有左浮动(float:left)和右浮动(float:right)两种2、浮动的元素会向左或向右浮动,碰到父元素边界、其他元素才停下来3、相邻浮动的块元素可以并在一行,超出父级宽度就换行4、浮动让行内元素或块元素自动转化为行内块元素(此时不会有行内块元素间隙问题)5、浮动元素后面没有浮动的元素会占据浮动元素的位置,没有浮动的元素内的文字会避开浮动的元素,形成文字...原创 2018-10-15 20:16:58 · 154 阅读 · 0 评论