(一)超链接超链接的应用对象：文字、图片 超链接标签常用属性 a. href:目标文件的路径 b. target:_self(默认，在自身窗口打开目标文件)、_blank(在新窗口打开目标文件) 超链接的种类 a. 内部链接：在一个站点内部各文件间的链接，路径直接写相对路径 b. 外部链接：所谓外部路径就是站点间的链接或者说是网站间的链接，路径要写一个绝对路径
html简介及ps基础操作
（一）css简介及基本语法什么是CSS：Cascading Style Sheet层叠样式表，用于修饰和美化HTML标签的一种计算机语言，能够实现结构表现的分离。CSS基本语法 选择器{ 属性：属性值; 属性：属性值; …… } 选择器：选择器也叫作选择符，作用是告诉浏览器，样式的应用对象 选择器的种类：标签选择器（元素选择器）、类选择器、id
（一）CSS属性——文本属性、段落属性1.color:修饰字体颜色，属性值可以是颜色名称（red/blue/green/gold，建议写常见的名称）、十六进制、rgb值、rgba值2.font-size：修饰字体的大小，属性值常为数值加单位，单位px/em，注意如果字体大小不是0，那么单位必须加，如果是0，可以省略单位，字体默认的大小16px，常用12px3.font-weight：修饰字体粗细，
（一）标准文档流：HTML元素默认的排列方式，简称为标准流（二）浮动流：所谓浮动流是指通过浮动属性，将标准流中的HTML元素抽离出来，在标准流上面新建一个
（一）选择器详解1.标签选择器（元素选择器）`HTML`标签作为选择器，作用是选取`HTML`文档中相同的HTML元素`P{}`2.类选择器第一步：设置类名<开始标签 class="类名"></结束标签>第二步：为类设置样式.类名{}注意：1.同一文档中类名可以相同2.class后面可以有多个值，用空格分开
（一）盒子模型1.盒子模型是网页制作中的重要的指导思想2.盒子模型是网页布局的基石3.它认为页面中所有元素都可以看做是一个盒子，p div span a img4.它认为可以通过设置盒子的属性，进而改变盒子在页面中的显示效果5.它认为页面中的所有盒子是相互影响（二）盒子模型的属性：宽度、高度、边框、内边距、外边距1.宽度、高度宽度width:属性值为像素值，或者是百分比高度height:
（一）列表属性1.list-style-type：修饰列表前面符号的类型属性值为disc（默认，黑色实心圆）/circle（空心圆）/square（黑色方块）/none（去掉列表符号）2.list-style-image：用图像作为列表项前面的符号属性值为url(图像的地址)，该方法没有办法控制符号的位置，所以使用并不多，常用背景图来做3.list-style-position：设置列表符号位置属
（一）定位的含义通过定位可以让一个元素位于页面的任意位置，定位的思想认为所有元素都是“框”，框分为两个：块块、行内框。定位的分类：静态定位、相对定位、绝对定位、固定定位（二）定位分类定位的分类：静态定位、相对定位、绝对定位、固定定位1.position:static定位的默认值，元素没有任何的附加效果2.position:relative相对定位a.相对定位的参照物是自身原有位置b.如果一个元素设
（一）浏览器简介1 .浏览器：网页浏览工具，发展历史如下：真正开启现在互联网时代的浏览器，是在1993年发布的Mosaic。其后是Netscape Navigator（网景领航者，
1.什么是less：所谓less是一种动态语言，它是以CSS语法为基础，目的是简化CSS代码，降低CSS维护成本。Less不可以被浏览器直接解释执行，需要对less文件进行编译，编译工具是“考拉”2.less和CSS的区别有这样几点：less可以定义变量、定义minin3.less文件中语言编码声明格式：@charset "UTF-8";4.less中可以进行注释a.单行注释://注释内容b.多行
（一）CSS统筹1.给html文档加标题2.设置meta标签a.<meta charset="utf-8" />b.<meta name="keywords" content="关键字1，关键字2，关键字3..." />c.<meta name="description" content="对文档内容的描述信息...." />d.<met
原理表格左右拆分，再上下拆分，最后拆分为四个table容器滚动右下table时，加scroll事件，控制左下scrollTop与右上scrollLeft两个table的scroll值 注意左下、右上overflow: hidden,右下overflow: scroll 左下、右下最后需要新增<td style="visibi
tip:1.css默认手机样式，平板在此基础上修改数值；2.以500px作为两者区分1.手机cssh3{ height: 4.96rem; padding-top: 1.51rem; font-size: 1rem; font-weight: 500; text-align: center; }
<div class="content">11111111/n2222222/n3333333<div>添加样式如下：.content{ white-space: pre-line;}
CSS优先级1.内联样式 (例如，style="font-weight:bold")2.ID 选择器（例如，#example）3.类选择器 (例如，.example)，属性选择器（例如，[type="radio"]）和伪类（例如，:hover）4.标签选择器（例如，h1）和伪元素（例如，::before）5.通配选择符`（*）`关系选择符`（+, >, ~, ' ', ||）
1.由于采用rem计算，头部背景图自动适配时，某些机型下背景图底部会有细微的缝隙，造成背景色露底。所以采用背景图+背景色渐变方案。代码如下：.plan-head{ padding-left: 1rem; height:9.78rem; color: #fff; background: url(./images/head@2x.
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
