阿坝州网站建设公司

一篇文章能够看懂基础代码之CSS-创新互联

web页面主要分为三块内容：
js：控制用户行为和执行代码行为
html元素：控制页面显示哪些控件（例如按钮，输入框，文本等）
css：控制如何显示页面上的空间，例如布局，颜色，大小，位置，形状，背景等。这篇文章介绍的是css的基础，看一遍就能懂得如何读懂和编写基础的代码。
-
概念：

在饶河等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站制作、成都网站设计 网站设计制作按需策划设计,公司网站建设,企业网站建设,成都品牌网站建设,成都营销网站建设,外贸网站建设,饶河网站建设费用合理。
  1. 选择器：控制这些效果作用在哪些控件上，主要的有id选择器，类选择器，元素选择器，辅助的有属性选择器，派生选择器（后代选择器, 子代选择器，兄弟选择器等），选择器可以进行组合。

  2. 语法：书写css代码的规则
    选择器 {
    propName: propValue;
    }
    //属性名和属性值是css规范里定义好的内容，不能自己随意给,属性名和值可以根据不同的浏览器有不同的效果。

  3. 使用方式：分为内部样式，内联样式，外部样式，内部样式可以在html中书写

    外部样式需要引入：

    内联样式直接写在html元素里面，不需要大括号

    test

  4. 覆盖：加入某个元素的某个样式在内部样式，外部样式，内联样式甚至多个选择器中都声明了，那么就会产生效果覆盖。这个覆盖是根据权重来决定的，假如权重一样则根据最后声明的为准
    内联样式：权重 1000
    id选择器：100
    类，伪类，属性选择器：10
    元素选择器：1
    其他：0
    根据最后的组合权重来应用实际效果。

-
元素选择器： * {}，或者任何一个html的element代码都可以，例如选择所有p元素： p {}
id选择器：使用#作为前缀，一个页面里id需要是唯一的，否则会出错
#myIdName {}，在html的元素里面需要书写 id="myIdName"，这样才能作用到。
类选择器：最常见的选择器：使用点号.作为前缀，例如 .myClass {}，在html的元素中需要书写 class="myClass"

后代选择器：
a b {}：作用于在a元素下的b元素，只要b元素是包含在a元素里面的，多少层都能作用
子代选择器：
a>b{}：作用于仅在a元素下的b元素，b元素如果不直接在a元素下则不会应用
兄弟选择器：
a + b {} ：仅作用于和a元素相邻的b元素

css基础属性：
位置类：position，top，bottom，left，right
文本类：font-size，text-align，font-color
颜色类：color，background-color
形状类：height，width
边框类：border
边距类：margin，padding
显示类：display:block,inline-block等

弹性盒模型flex：
display:flex
align-item:center;
等

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。


文章标题：一篇文章能够看懂基础代码之CSS-创新互联
本文路径：http://azwzsj.com/article/dhdjjh.html

其他资讯