1 css常识

1 命名

我建议采用完全小写的类名和ID,多个单词之间用 – 连接。比如:andy-budd比andyBudd清晰得多。

2 ID和类选择器

id选择器格式:

#para1 {
    text-align:center;
    color:red;
}

class选择器:

.center {
    text-align:center;
}

3 DTD和DOCTYPE

DTD:document type definition,定义HTML的特定版本中允许有什么,不允许有什么,浏览器通过这些规则检查页面的有效性。是一组机器可读的规则。

DOCTYPE:声明使用哪个DTD,浏览器由此知道使用哪个HTML版本。

DTD:document type definition,定义HTML的特定版本中允许有什么,不允许有什么,浏览器通过这些规则检查页面的有效性。是一组机器可读的规则。

DOCTYPE:声明使用哪个DTD,浏览器由此知道使用哪个HTML版本。

和混杂模式对应的是标准模式。

4 常用选择器

元素选择器:         p {}

后代选择器:         div p {}

ID选择器:             #demo {}

Class选择器:        .demo {}

用这四种选择器就能定位很多很多元素了。

时间: 2024-10-12 02:39:14

1 css常识的相关文章

DIV+CSS高手必知的15个CSS常识

1.不要使用过小的图片做背景平铺.这就是为何很多人都不用 1px 的原因,这才知晓.宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源. 2.无边框.推荐的写法是 border:none;,哈哈,我一直在用这个. border:0; 只是定义边框宽度为零,但边框样式.颜色还是会被浏览器解析,占用资源. 3.慎用 * 通配符.所谓通配符,就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源.要有选

css常识

1.引入css <link rel="stylesheet" type="text/css" href=""> 2.常用默认样式 *{ box-sizing: border-box; } ul,ol{ list-style: none; } a{ text-decoration:none; color:#333; } 3.伪元素 ::before,::after(css2里是单冒号) example: <p>::befor

html css常识

Firefox,IE8中margin-top的bug及解决办法 在Firefox,IE8这两个浏览器中,有两个嵌套关系的div,如果外层div的父元素padding值为0,那么内层div的margin-top或者margin-bottom的值会“转移”给外层div. a中有b 在B前面插入一个非空的元素<div style="height:0px"> </div>,命名为C.结构为 <div id="a"> <div sty

给初学者的20个CSS实用建议

英文原文:20-useful-css-tips-for-beginners,编译:杨礼鑫 过去就连一个镜像站点,我们都依靠大量的开发人员和程序员进行维护.得益于CSS和它的灵活性使得样式能够从代码中被独立抽离出来,从而让一个只具备基本CSS理论的初学者都能够轻易地改变网站的样式. 不论你是对用CSS建站感兴趣还是仅仅拿它让你的博客更有feel,打好基础才能盖高楼.下面让我们来看看一些对于初学者实用的CSS常识: 1.使用reset.css 火狐和IE这两种不同的浏览器,在绘制CSS样式方法上截然

《HTML与CSS知识》系列分享专栏

收藏HTML和CSS方面的技术文章,作为一个WEB开发者,必须要知道HTML和CSS方面的知识,即使作为后台开发者也应该知道一些常用的HTML和CSS知识,甚至架构师也要了解,这样才会开发出实用的网站来 <HTML与CSS知识>已整理成PDF文档,点击可直接下载至本地查阅https://www.webfalse.com/read/201715.html 文章 详解CSS(层叠样式表)渐进增强 详解css 定位与定位应用 精简CSS文件 使您的CSS网页布局代码更专业 DIV CSS网页布局 让

css 小常识

一.vertical-align可以采用负值(正/负值根据基线上下移动),也可以采用百分比值,而这个百分比值不是相对于字体大小或者其他什么属性计算的,而是相对于line-height计算的. 此外,width,height,font-size的百分比是相当于父元素的相同属性的值来计算的: line-height的百分比值是根据父元素的font-size来计算的: 二.浏览器标题栏小图标: <link rel="shortcut icon" href="图片位置"

项目中必须知道的关于CSS+DIV的常识

根据模块化的思想,将目录划分为html,css,image三大部分. css部分:(base.css.globa.css和mod文件夹)1.base.css放置的是reset,clearfix等基础类和工具类:2.globa.css放置的是布局样式,包括header,footer等样式:3.mod文件夹下面放置的模块,组件的样式: html部分:(mod文件夹和template文件夹)1.mod文件夹下面放的是模块的代码片段集合.如果有可能尽可能粒度划分的更细,因为这些都是代码片段,希望以后有工

网页CSS样式属性:font字体常识

同时声明中文字体的字体名称(英文)和显示名称(中文): font-family:SimSun,"宋体"; font-family:"Microsoft YaHei","微软雅黑"; font-family:STXihei,"华文细黑","Microsoft YaHei","微软雅黑"; 永远不要忘记声明英文字体,并且英文字体应该在中文字体之前 Font-family: Georgia,

其他css小常识

//div内容超出显示省略号 overflow: hidden;  //把超出的内容进行隐藏 white-space: nowrap;  //设置内容不换行 text-overflow: ellipsis;  //设置超出内容为省略号 //去掉img白边 display: block; //div内文字超出强行换行 white-space: normal; word-break: break-all; overflow: hidden; 原文地址:https://www.cnblogs.com/