`
codespace
  • 浏览: 26644 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

css学习笔记2---张孝祥视频

阅读更多
Filter滤镜
参数:
Alpha(Opacity-? ,FinishOpacity=? ,Style=?,StartX=?,StartY=?(渐变透明效果的开始坐

标),FinishX,FinishY)
BlendTrans(Duration=?)
Blur(Add=?,Direction(值45的整数倍,0表示垂直向上),Strength)
Chroma(Color=(要过滤掉的某种颜色)
DropShadow(Color,Offx,OffY,Positive,)
FilpH FlipV Gray Invert Light(光源在物体上的投影效果) Xray
Glow(Color Strength (用于设置指定颜色边缘发光))
Mask(Color)在指定颜色上遮罩
RevealTrans(Duration,Transition)
Shadow(Color,Direction(45的整数倍))建立阴影效果
Wave(Add,Freq,LightStrength,Phase,Strength)波纹效果

位置:
位置属性就是指定元素的位置,它是CSS-P中的内容,CSS-P是CSS的一个扩展,它可用来控制任何网页元

素在浏览器文档窗口中的位置
Position(设置值:absolute relative static )
left ...

边缘:
margin(margin-top margin-right margin-bottom margin-left)
例如:P{margin:2em 4em}(表示上下边界距离外部2em ,左右则是4em,em表示当前自己的大小的位数)
padding(padding-top padding-right padding-bottom padding-left)用于设置元素边界与内部内容的

空隙大小
boder-width 用于设置元素边框的宽度(border-top-width ,border-right-width,border-bottom-

width,border-left-width)
boder-color与上一个类似
border-style  设置值:none dotted dashed solid double groove ridge inset outset
border(border-top ,border-right,border-bottom,border-left)
例如:A:active{border:thick double red}

列表:
list-style-type:
设置值:disc(实心圆),circle(空心圆),square(方块) ,decimal(阿拉伯数字),lower-roman(小写罗

马数字),upper-roman(大写罗马数字) none(无项目符号)
list-style-image
list-style-position:
设置值:inside ,outside
设置inside效果显示:
*主题1
这是主题内容
*主题2
设置outside
内容与星号对齐
list-style

其它属性:
Cursor:设置鼠标移动到某处光标的形状

样式规则的注释:不能嵌套
样式规则的继承:所有嵌套在某个HTML标签中的HTML标签都会继承外层标签设置的样式规则
样式规则的优先级:ID选择器>CLASS选择器>HTML标签选择器
内联样式表>嵌入样式表>链接样式表
分享到:
评论

相关推荐

    html css javascript网页开发-张孝祥

    张孝祥老师在书中详细介绍了CSS的选择器、属性和值,如何控制字体、颜色、背景,以及页面布局的技巧。读者将学习到盒模型、定位、浮动、响应式设计等核心概念,使网页设计达到美观且适应不同设备的需求。 ...

    张孝祥JAVA学习笔记

    张孝祥课程学习笔记,包括JAVA基础,JAVA高级,JavaScript全部的笔记,适合初学者。

    -张孝祥java视频教程56集

    java 教程 下载 -张孝祥java视频教程56集

    javascript网页开发-张孝祥-3

    javascript网页开发-张孝祥-3

    javascript网页开发-张孝祥-5

    javascript网页开发-张孝祥-5

    Java基础加强--张孝祥版.ppt

    Java基础加强--张孝祥版 传智播客

    javascript网页开发-张孝祥_lesson2

    通过“javascript网页开发-张孝祥_lesson2”的学习,你将能够熟练地运用JavaScript进行网页开发,为创建交互性强、用户体验良好的Web应用打下基础。无论是初学者还是有经验的开发者,深入理解这些知识点都将对你的...

    传智博客--张孝祥--java培训课件以及源代码

    在这个“传智博客--张孝祥--java培训课件以及源代码”的压缩包中,主要包含的是Java培训教程的教学课件。这些课件可能包括PPT、PDF、视频等形式,详细讲解了Java语言的核心概念、语法结构以及编程实践。通过学习这些...

    张孝祥Struts视频源代码

    "张孝祥Struts视频源代码"很可能是由知名IT讲师张孝祥制作的一系列关于Struts框架的教程,其中包含了相应的源代码,帮助学习者通过实际操作理解Struts的工作原理和应用。 在深入探讨Struts框架之前,我们首先需要...

    《张孝祥JAVA视频教程》完整版[RMVB]

    ed2k://|file|[张孝祥JAVA视频教程高级部分完整版].07A-1.rmvb|153191048|E9211E597FF5CF585AC0E9091D7214C9|h=ZLEQYN7GV36EID3VCXRKW2Q6GDWOO63L|/ ………………省略部分……………… 该文档涵盖了张孝祥的所有java...

    ssh入门视频之ssh2

    荐大家按以下顺序学习: 张孝祥java基础-> 张孝祥java高级-> 张孝祥javascript视频教程-> 俄罗斯方块视频教程-> 贪吃蛇游戏项目实战-> 张孝祥javaweb视频教程-> 张孝祥java邮件开发视频-> 传智播客Struts视频教程-> ...

    张孝祥java基础加强视频教程笔记

    【Java基础加强】张孝祥的Java教学视频涵盖了Java编程语言的基础到进阶知识,旨在帮助学习者巩固和提升Java编程技能。以下是根据教程笔记整理的一些关键知识点: 1. **Java简介**:Java是一种跨平台的面向对象的...

    ssh入门视频之ssh1

    荐大家按以下顺序学习: 张孝祥java基础-> 张孝祥java高级-> 张孝祥javascript视频教程-> 俄罗斯方块视频教程-> 贪吃蛇游戏项目实战-> 张孝祥javaweb视频教程-> 张孝祥java邮件开发视频-> 传智播客Struts视频教程-> ...

    java并发库高级应用源码--张孝祥

    在`ThreadTest2`这个源码文件中,很可能是对上述概念的实现和测试,包括线程的创建、同步机制、线程池的使用等。通过分析和学习这些源码,我们可以更深入地理解Java并发库的实际运用,并提升我们的并发编程技能。 ...

    笔记_张孝祥_Java多线程与并发库高级应用

    张孝祥Java多线程与并发库高级应用学习笔记,很经典的学习多线程和并发的资料。张孝祥Java多线程讲义笔记由张孝祥亲自整理,很实用的。

    javascript网页开发-张孝祥.part2

    javascript网页开发-张孝祥.part2

    Struts高级实战进阶-张孝祥.ppt

    Struts高级实战进阶-张孝祥 Struts高级实战进阶-张孝祥

    张孝祥笔记

    jAVA基础+高新+7K知识点总结.chm 需要的可以下载

    javascript网页开发-张孝祥_lesson3

    在张孝祥老师的“javascript网页开发-张孝祥_lesson3”课程中,你将有机会深入学习和实践以上这些知识点,通过实际项目和例子来巩固理论知识,提升你的JavaScript技能。记得结合压缩包中的lesson3资料进行学习,它...

    javascript网页开发-张孝祥.part7

    javascript网页开发-张孝祥.part7

Global site tag (gtag.js) - Google Analytics