码迷,mamicode.com
首页 > Web开发 > 详细

css基础知识

时间:2016-07-13 22:02:57      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:

1、CSS (Cascding Style Sheet)层叠样式表 级联样式表 样式表

2、CSS作用: 修改页面中元素的显示样式

       能够实现内容与表现的分离

       提高代码的可重用性和可维护性

3、导入CSS的方式

       在HTML里直接写<h1 style="属性:值;属性:值">

       在<style>里面写法 选择器{属性:值;}

       在外部创建<link rel="stylesheet" type="text/css" href="">

          或

            <style>@import url(css01.css)</style>  

4、link与@import的区别    

       ①、link除了引用css以外,还可以引用其他(例如HTML),而@import只能引用css

       ②、link所引用的css会在页面加载时加载css样式,而@import是在页面加载完成时才能加载

       ③、@import只兼容IE5以上

       ④、js只能改变link中的css样式

5、css特征:继承性  无继承的有(<a>、待补充)

      层叠性  优先级(外部样式表或内部样式表-就近原则)

      补,!impotent 手动调整属性的优先级

6、css选择器: 作用 : 当前样式规则的名称,规范那些元素能够使用当前的样式规则

7、类选择器的优先级高于标签选择器

8、分类选择器 如<p class="a"></p> 为,p.a

9、子代选择器 h1>b>span

10、伪类选择器 语法:选择器:伪类{}

    ①、链接伪类   :link 适用于尚未访问的链接

           :visited 访问过后的链接

    ②、动态伪类   :hover 适用于鼠标悬停在元素时

           :active 元素被激活时

           :focus 元素获取焦点时(多数用于文本框,密码框等)

11、为属性设置样式 如p[title] {colot:red;}

12、权重:继承 0000

     元素选择器 0001

     属性选择器、类选择器、子代选择器、伪类选择器 0010

       id选择器 0100

     后代选择器 各个后代相加

     内联 1000

13、input 设置css outline:0  取消蓝边

14、overflow :当元素溢出元素框时,如何处理

      属性:  visible:溢出可见  hidden:溢出隐藏  scroll:设置滚动条  auto:自动,有溢出时显示滚动条

         overflow-x:横向溢出处理方式 overflow-y:纵向溢出处理方式

15、bord-style :dotted点状线

16、边框阴影 box-shadow 

        h-shadow : 水平阴影距离  v-shadow:垂直阴影距离

        blur :可选,模糊距离  spreed:可选,阴影尺寸 color:可选,颜色  inset:可选,内阴影

css基础知识

标签:

原文地址:http://www.cnblogs.com/chenluomenggongzi/p/5667787.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!