CSS随笔（CSS mastery 随笔）

　　CSS的class 可以到处用，不能用多，不然，语义化不好。

　　div，span 也不能乱用，滥用，页面的语义化会变差。

　　CSS起名字不要和样式耦合，要和功能耦合。

　　css1，96年，添加了font、color，margin等等。 css2 98年添加了float，position，和一些父亲、孩子、兄弟等选择器，等等。

　　2002年的css2.1是成熟的推荐css标准。

　　css3新增了背景、边框、动画、布局类型等属性，并且分批次发布。2012年有了大致的情形。

　　html 1999发布了html4.0.1.，2000年发布了xhtml1.xhtml和html相比类似，只是多了一些限制，例如必需封闭标签、属性必需添加引号。

　　doctype设置了文档的html类别。不设置可能导致怪异模式。

css书写规范

　　分部分：

　　注释良好

时间： 2024-08-10 23:17:53

CSS随笔（CSS mastery 随笔）的相关文章

CSS那些事儿-阅读随笔1（CSS简介与选择符）

最近开始详细钻研CSS有关的知识,参考资料是<CSS那些事儿>.将把在此过程中的收获进行记录,方便以后的学习. 一.CSS简介 1.什么是CSS CSS全称为Cascading Style Sheet(层叠样式表),是一种不需要编译的标记性语言,用于增强控制网页样式并允许将样式信息与网页内容分离.可以使用如何一种文本编辑器对其进行编辑. 2.CSS的作用 a.修饰页面文本.图片等元素,避免使用不必要的HTML元素. b.更有效地控制页面结构.页面布局(DIV+CSS). c.提高开发和维护效率

HTML+CSS笔记 CSS中级颜色&长度值

颜色值在网页中的颜色设置是非常重要,有字体颜色(color).背景颜色(background-color).边框颜色(border)等,设置颜色的方法也有很多种: 1.英文命令颜色语法: p{color:red;} 2.RGB颜色这个与 photoshop 中的 RGB 颜色是一致的,由 R(red).G(green).B(blue) 三种颜色的比例来配色 p{color:rgb(133,45,200);} 每一项的值可以是 0~255 之间的整数,也可以是 0%~100% 的百分数. 每

CSS 背景-CSS background

这里有个很好的样式学习网站:http://www.divcss5.com/rumen/r125.shtml 一.Css background背景语法 - TOP CSS背景基础知识 CSS 背景这里指通过CSS对对象设置背景属性,如通过CSS设置背景各种样式. 背景语法: background: background-color || background-image || background-repeat || background-attachment || background-

CSS Sprites (CSS图像拼合技术)教程工具

什么是CSS Sprites? “Sprite”(精灵)这个词在计算机图形学中有它独特的定义,由于游戏.视频等画质越来越高,必须有一种技术可以智能的处理材质和贴图,并且要同时保持画面流畅.“Sprite”就是这样一种技术,它将许多图片组合到一个网格上,然后通过程序将每个网格的内容定位到画面上. Sprite被定位到一副静态图片上,并且通过简单的程序或硬件即可正确定位到画面上,一幅幅图片就像是被“变”出来的,他们并没有单独占用内存,所以被取名为“Sprite精灵”. 上图是口袋妖怪的组合图片,可

#CSS# 初识CSS

CSS:Cascading Style Sheet (层叠样式表) CSS的内容可以分开写入CSS文件中,PHP文件中加入以下语句即可: <link herf="css/style.css" type="text/css" rel="stylesheet"/> 其中,style.css写入定义的样式,如: ul.menu{ list-style-type:none; backgroun

[29/May/2017 10:56:52] "GET /static/css/stylee.css HTTP/1.1" 404 1859

今天遇到了一个棘手的问题,也非常奇怪. 出现了一个找不到css样式表的问题,之前配置好static路径之后也做了很小的测试:运行没有问题,css也能够正常加载. 问题描述:style.css文件的名字不能改变.仿佛系统只能识别style.css文件名.新建其他文件也不行,结果都是404错误,css文件不能正常加载. 我的环境是Django 1.10,目录和配置是按照官方Doc上来创建和配置的. 文件目录如下: setting.py: STATIC_URL = '/static/' STATIC_

HTML中使用CSS -- 定义CSS样式

CSS:Cascading Style Sheets(层叠样式表) 有三种方式可以在XHTML页面中嵌入CSS.参见CSS教程. 1.在head标签中加载一个CSS文件示例 <head> <link rel="stylesheet" type="text/css" href="style.css" /> </head> 此例使用了link标签. abbr { font-size:12px; } .text10

CSS学习------CSS定位（position）与浮动(float）

position属性:用来对元素进行定位定位的意义: 定位允许你定义元素框相对于其正常位置应该出现的位置. 相对于父元素. 相对于另一个元素. 相对于浏览器窗口本身的位置. 定位分为:绝对定位和相对定位. 相对定位: 如果对一个元素进行相对定位,它将出现在它所在的位置上.然后,可以通过设置垂直或水平位置,让这个元素"相对于"它的起点进行移动. 在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间.因此,移动元素会导致它覆盖其它框. 示例: <html> <

【CSS】CSS样式的三种引用方法

什么是CSS?CSS是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表.有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁.为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开. 那么,怎么在HTML中引入Css? 第一个方法是:内联式(行间样式): <body>  <div style="color:red&

HTML/CSS从零开始-CSS基础(二)

一.css定义 (cascading style sheets) 层叠样式表表现标准语言,对网页信息显示进行控制二.css的建立 2.1内部建立 (建立在head里用标签<style>)语法: <head> <style type="text/css"> div{widtn:300px;height:300px;border:1px solid red;} </style> 说明:(1