css中比较少用到的知识点（仅找个地方做笔记）

最新推荐文章于 2024-09-03 08:51:36 发布

阿四小鱼

最新推荐文章于 2024-09-03 08:51:36 发布

阅读量130

点赞数

分类专栏：笔记文章标签： css html

笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

(文章资料来自网络、书籍等，仅为自己的笔记)
1、标签，提供无法使用脚本的替代内容，比如在浏览器禁用脚本时，或浏览器不支持客户端脚本时。
元素可包含普通HTML页面body元素中能够找到的所有元素。
只有在浏览器不支持脚本或禁用脚本时，才会显示元素中的内容。
抱歉，你的浏览器不支持JavaScript。

2、实体字符： < (小于号): < < <
不间断字符：  
结合音标符：
发音符号是加到字母上的一个“glyph（字形）”。
一些变音符号，如尖音符（ ̀），和抑音符（ ́）,
例：à à
á á

3、URL: 统一资源定位器（Uniform Resource Locators）
scheme://host.domain:port/path/filename

4、HTML5定义了8个新的HTML语义（semantic）元素。所有这些元素都是块级元素。
为了能让旧版本的浏览器正确显示这些元素，你可以设置css的display属性值为block：
例：header,section,footer,aside,nav,main,article,figure{display:block;}

5、为HTML添加新元素：
该实例向HTML添加的新元素，并为该元素定位样式，元素名为:

<script>
   document.createElement("myHero");
</script>
<style>
   myHero{
      display:block;
      background-color:#ddd;
      padding:50px;
      font-size:30px;
      }
</style>
<body>
   <myHero>我的第一个新元素。</myHero>
</body>

JavaScript语句 document.createElement(“myHero”), 是为IE浏览器添加新的元素。

6、Internet Explorer 浏览器问题。
你可以使用以下的方法，来为IE浏览器添加HTML5元素，但是：
IE8 及更早IE版本的浏览器不支持以上的方式。
可以用sjored 、visscher 创建“THML5 Enabling JavaScript”, "shiv"来解决这个问题。

<!--[if It IE 9]>
   <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<!endif>

7、文本水平居中：text-align:center
8、ID属性不要以数字开头，数字开头的ID在Mozilla、Firefox 浏览器不起作用。
9、css:层叠样式表（Cascading Style Sheets）
10、类名的第一个字符，不能使用数字！它无法在Mozilla、Firefox中起作用。
11、你可以指定特定的HTML元素使用class。
在以下实例中，所有的p元素使用class=“center”，让该元素的文本居中

<style>
   p.center{text-align:center;}
</style>
<body>
   <h1 class="center">这个标题不受影响。</h1>
   <p class="center">这个段落居中对齐。</p>
</body>

12、不要在属性值与单位之间留空格，如：

margin-left:20 px; 正确的写法是： margin-left:20px;

13、多重样式优先级
内联样式 inline style > 内部样式internal style sheet > 外部样式 External style sheet >浏览器默认样式
注意：如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。

14、背景 background
（1）background-repeat:repeat-x; ——只在水平方向平铺（repeat-x）
（2）background-position:right top; ——定位
综合例：body{background:#fff url('img-tree.png') no-repeat right top;
（3）background-attachment: 背景图像是否固定或者随着页面的其余部分滚动
例：background-attachment:fixed;
scroll: 背景图片随页面其余部分滚动，这是默认值；
fixed: 背景图片是固定的；
inherit: 指定的background-attachment 的设置应该从父元素继承。

15、对于w3c标准的css：如果你定义了颜色属性，你还必须定义背景色属性。
16、p.main{text-align:justify;} 两端对齐。
17、a{text-decoration:none;}
text-decoration 属性用来设置或者删除文本的装饰。
18、文本转换属性，是用来指定在一个文本中的大写和小写字母：
p.uppercase{text-transform: uppercase;} 全部转为大写
p.lowercase{text-transform: lowercase;} 全部转为小写
p.capitalize{text-transform: capitalize;} 单词首字母大写

19、文本缩进：用来指定文本的第一行的缩进：
p{text-indent: 50px;}

阿四小鱼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css中比较少用到的知识点（仅找个地方做笔记）

1、标签，提供无法使用脚本的替代内容，比如在浏览器禁用脚本时，或浏览器不支持客户端脚本时。元素可包含普通HTML页面body元素中能够找到的所有元素。只有在浏览器不支持脚本或禁用脚本时，才会显示元素中的内容。抱歉，你的浏览器不支持JavaScript。2、实体字符： < (小于号): &lt; &#60; &#060;不间断字符： &nbsp;结...
复制链接

扫一扫