(一)超链接超链接的应用对象:文字、图片 超链接标签常用属性 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号