DIV+CSS备录_html/css_WEB-ITnose
#属性篇:
1滚动条的样式
*控制横向和纵向滚动条的显隐
去掉滚动条 y 轴
去掉滚动条 x 轴
滚动条 x/y 轴全部去掉
*滚动条颜色
Scrollbar-Face-Color为滚动条表面颜色设定;
Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定;
Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定;
Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定;
Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。
Scrollbar-Track-Color为滚动条底板颜色设定;
Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定。
2.marquee滚动
direction 表示滚动的方向,值可以是left,right,up,down,默认为left
behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)
loop 表示循环的次数,值是正整数,默认为无限循环
scrollamount 表示运动速度,值是正整数,默认为6
scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒
align 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度
hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。
onmouseover=this.stop() onmouseout=this.start() 表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。
3.网页?嵌框架 iframe
marginheight:上下/左右边界
frameborder:边框
align:对齐
scrolling:滚动轴
name:命名
allowTransparency:是否透明
4.Windows Media Player 网页播放器 参数含义(MediaPlayer9.0以上)
#技巧篇:
1.在dreamweaver中让flash背景透明
把原参数改为:
2.CSS背景半透明效果
*在CSS里加入:filter: Alpha(Opacity=50); //数字代表透明程度
*如果想背景半透明,而文字不透明,可以在文字层加入position:relative ;
3.去掉链接图片点击时的虚线边框
在a标签加onFocus="if(this.blur)this.blur()"就可以了
4.鼠标经过时的换行解释
在二行之间加
如:title=" 酷站名称:bbcafe 添加日期:2009-6-7"
5.文本格式化
*不换行
WHITE-SPACE
normal : 默认处理方式
pre : 用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。
nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。
*自动换行
word-break:break-all;
word-wrap: break-word; /*不拆分单词换行*/
*自动二端对齐
text-align:justify;
text-justify:inter-ideograph;
*字符和单词的间距
letter-spacing/*字符间距*/
word-spacing/*单词间距*/
*文本超出时显示为省略号
text-overflow:ellipsis;
6.fieldset 标签的用法
fieldset 元素可将表单内的相关元素分组。
如:
显示结果:
7.页面退出时的渐隐效果
加在head 之间
//数字代码渐隐速度
8.favicon.ico 显示
9.使网页另存为失效
在BODY之间加入以下代码
10.让IE8自动启动IE7兼容模式
在页面中加入如下HTTP meta-tag:
12.图片自适应层高度
只能在固定的层高度适应
#浏览器兼容(hack)
*区别IE6与FF:
background:orange;_background:blue;
*区别IE6与IE7: (IE6能识别_, 而IE7不能)
background:orange; *background:green;
*区别FF,IE7,IE6:(IE6 IE7能识别*,FF不能识别)
background:orange; *background:green; _background:blue;
(IE6能识别_,IE7,FF不能;IE7能识别*,FF不能)
\0\9区别于IE8与FF(IE8能识别\0或\9,IE6 7 8能识别\0,FF不能识别)
background:orange\9; background:orange\0;
*注:书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在后面 IE8写在最后面。

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











HTML은 간단하고 배우기 쉽고 결과를 빠르게 볼 수 있기 때문에 초보자에게 적합합니다. 1) HTML의 학습 곡선은 매끄럽고 시작하기 쉽습니다. 2) 기본 태그를 마스터하여 웹 페이지를 만들기 시작하십시오. 3) 유연성이 높고 CSS 및 JavaScript와 함께 사용할 수 있습니다. 4) 풍부한 학습 리소스와 현대 도구는 학습 과정을 지원합니다.

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

WebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.

anexampleStartingtaginhtmlis, whithbeginsaparagraph.startingtagsareessentialinhtmlastheyinitiate rements, definetheirtypes, andarecrucialforstructurituringwebpages 및 smanstlingthedom.

GiteEpages 정적 웹 사이트 배포 실패 : 404 오류 문제 해결 및 해결시 Gitee ...

웹 주석 기능에 대한 Y 축 위치 적응 알고리즘이 기사는 Word 문서와 유사한 주석 기능을 구현하는 방법, 특히 주석 간격을 다루는 방법을 모색합니다 ...

HTML, CSS 및 JavaScript는 웹 개발의 세 가지 기둥입니다. 1. HTML은 웹 페이지 구조를 정의하고 등과 같은 태그를 사용합니다. 2. CSS는 색상, 글꼴 크기 등과 같은 선택기 및 속성을 사용하여 웹 페이지 스타일을 제어합니다.

이미지를 클릭 한 후 주변 이미지를 산란 및 확대하는 효과를 얻으려면 많은 웹 디자인이 대화식 효과를 달성해야합니다. 특정 이미지를 클릭하여 주변을 만들 수 있습니다 ...
