前端学习笔记五

作者: 被注册的9527 | 来源:发表于2017-02-19 18:59 被阅读12次

css:层叠样式表

所有标签都有默认样式,受浏览器影响。

css的三种编写方式:1.内联(行间)样式,直接在标签内设置style。例如:<div style="color:red;"></div>;2.内嵌(嵌入、内部)样式,在head标签中添加style标签。例如:<head><style>div{color:red;}<style></head>;3.外部(外联)样式:在head中通过link标签引入。例如:<link rel="stylesheet" href="a.css"/>

css简单属性:width宽度  height高度 color文字颜色 background-color背景色 font-size文字大小

css注释格式:/*注释内容*/

css简单选择器: 1.标签选择器 例如 p {} div {} ; 2. id选择器 例如 #id名{} id选择器的优先级非常高,每个id都是唯一的; 3. 类选择器 例如 .class名{} 一个标签可以包含多个类选择器 ,在class标签中用空格隔开,建议在是实际运用中多用class少用id; 4. 通配符选择器 例如 *{} 表示当前页面中的所有标签 。通配符的穿透力很强,优先级高于继承的样式,会覆盖继承的样式,一般用的很少。

css复合选择器:1,标签指定式选择器:有两个选择器构成,第一个为标签选择器第二个为类选择器或者ID选择器,两个选择器之间不能有空格 如div#div1 {color:red;} ; 2,后代选择器:后代选择器用来选择元素和元素组的后代,其写法就是把外层标记写在前面,内层标记写在后面,中间用空格分开。当标记发生嵌套时,内层标记就成了外层标记的后代。例如:ul li {}; 3,并集选择器:是各个选择器通过逗号连接而成的,任何形式的选择器都可以作为并集选择器的一部分。例如:div,#div1,.class{};4,子元素选择器:子代选择器是让css选择器只能选择而儿子辈的元素,用>大于号表示 例如:h1 > div  只能选到儿子辈的div。

相关文章

  • 前端学习笔记五

    css:层叠样式表 所有标签都有默认样式,受浏览器影响。 css的三种编写方式:1.内联(行间)样式,直接在标签内...

  • HTML基础学习笔记

    原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...

  • 2月23笔记

    第十天web前端学习笔记 有道云笔记

  • 2月21笔记

    第八天web前端学习笔记 有道云笔记

  • 2月20笔记

    第七天web前端学习笔记 有道云笔记

  • 2月19笔记

    第6天web前端学习 有道云笔记

  • 收集前端学习资料

    前端的一些学习资源 html和css代码规范 前端知识体系 前端网址大全 学习CSS布局 通用 CSS 笔记、建议...

  • 一个不想减肥的吃货不是一个好程序员

    一个吃货女人的前端学习之路 日常记录学习的过程和笔记 强迫自己有写笔记和总结的习惯 前端之路不易,加油……

  • 2月22笔记

    第九天web前端学习笔记,今天太忙,笔记不多,明天补上。 有道云笔记

  • 2月14笔记

    2月14 第一天web前端学习笔记 有道云笔记

网友评论

    本文标题:前端学习笔记五

    本文链接:https://www.haomeiwen.com/subject/piejwttx.html