`
meiowei
  • 浏览: 146502 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

CSS

    博客分类:
  • html
阅读更多

1. p.one {color:red} -->表示把标签p下所有class="one"的部分都满足这个样式

    .two{font-size:20px} -->表示在所有html中class="two"的部分都满足这个样式规则

2.#three {font-family:宋体} -->表示html中id="three"的部分都满足这个样式

3.伪元素选择器

    Html元素:伪元素 {属性:值}

    A:link  --> 正常状态下的链接

    A:active --> 选中链接的状态

    A:hover --> 光标移动到链接的状态

    A:visited --> 访问过的超链接状态

    P:first-line --> 段落的第一行文本

    P:first-letter --> 段落中的第一个字母

4.margin,padding --> 设置该元素与其他元素 该元素与内部元素的间距

5.filter(css滤镜)--> 设置元素与背景的结合度

    filter:alpha-->设置透明度 例:filter:alpha(opacity=80, style=1,finishopacity=20)

        opacity-->设置透明度 1~100 越小越透明

        style-->设置渐变的格式 1~5

        finishopacity-->渐变效果的最终位置

    filter:blendTrans --> 设置淡入淡出效果 例:filter:blendtrans(duration=2)

        duration-->淡入淡出的时间

    filter:Blur --> 设置模糊效果 例:filter:Blur(add=5,direction=135)

        add-->boolean型

        direction-->45的倍数

    filter:Chroma --> 过滤某种颜色 例:filter:Chroma(color=red)

        color-->被过滤的颜色

    filter:DropShadow --> 设置阴影

    filer:FlipH FlipV --> 设置旋转显示

       

       

分享到:
评论

相关推荐

    css3.0参考手册 css3.0参考手册

    css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css...

    HTML+CSS网页设计与布局从入门到精通

    《HTML+CSS网页设计与布局从入门到精通》紧密围绕网页设计师在制作网页过程中的实际需要和应该掌握的技术,全面介绍了使用HTML和CSS进行网页设计和制作的各方面内容和技巧。 《HTML+CSS网页设计与布局从入门到精通》...

    CSS那些事儿.pdf

    本书专注于CSS技巧实例的讲解,由浅入深地分析了CSS样式在布局时所需要理解的原理。放弃到处可见的基础知识、网络中能随意搜索到的hack技巧,侧重原理分析,拓展读者使用CSS布局的思维方式,通过本书的阅读读者将会...

    pycharm中显示CSS提示的知识点总结

    我们用pycharm写CSS的时候,是不是苦于没有提示,那么pycharm中如何显示CSS提示呢?下面小编给大家分享一下。 首先点击左上角的file菜单,选择Setting 接着选择Editor下面的Inspections选项,如下图所示 然后在...

    网页设计期末大作业+html+css

    9个网页布局,学校让做的网站作业,虽然是比较基础的网页静态页面,不过我也希望你能做的规范一些,我们专业制作学生网页作业,div css js 等通过dreamwear的工具实现规范化,比如文件夹的规范,代码写作的规范,...

    上百个CSS实例|CSS基础学习|CSS入门基础|CSS样式集合

    上百个CSS实例|CSS基础学习|CSS入门基础|CSS样式集合

    svg转css,css转svg,svg与css互相转换并压缩

    svg转css,css转svg,svg与css互相转换并压缩

    div+css例子 div+css例子

    div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...

    Reset_CSS css样式重置文件

    CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的...

    CSS网站布局与美化,css

    CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与...

    js+css时钟效果 js+css时钟效果

    js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+...

    精通CSS(css mastery)中文版 part1

    由于本书压缩质量比较好,所以格式比较大,40MB多,我分了6段压缩大家可以按 精通CSS(css mastery)中文版 part1 精通CSS(css mastery)中文版 part2 精通CSS(css mastery)中文版 part3 精通CSS(css ...

    CSS和CSS3思维导图(xmind版)

    什么是CSS? CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。 CSS 是一种标记语言,属于浏览器解释型语言,可以直接由浏览器执行,不需要编译。 CSS 是用来表现HTML或XML的标记语言。 CSS 是由W3C的CSS...

    CSS CSS CSS

    CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装

    CSS3特效-CSS3实现烟花特效

    CSS3实现烟花特效-图片+css

Global site tag (gtag.js) - Google Analytics