css

语法:
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明


css语法规则

行内样式表

直接在区块中添加style属性

<!--行内样式表,一般不写写行内样式表,优先级最高-->
<p style="font-size: 100px;">
    测试用的文字,<br />2222222222
</p>

标签选择器

class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示

body {  //选择器和标签名相同
    /*background: green;*/
    /*background: # ffffff*/
    background: url("a3.jpg") no-repeat;
}
对所有body标签生效
body.bgtest {  //标签名后加".选择器名"
    /*background: green;*/
    /*background: # ffffff*/
    background: url("a3.jpg") no-repeat;
}
对所有body标签生效

最佳选择:

/*class选择器!重点*/
.mydivcss{  //mydivcss就是选择器的名字,想要使用此选择器必须要在标签的class属性中指定这个选择器
    color: aqua;        
    background: deeppink;
}

使用方法:

<!--使用class选择器-->
<div class="mydivcss">  //直接在想要改变样式的标签中把class属性指向指定的选择器就行
asdfsadf <br/>
    adsfasdf <br/>
    ddddddddd <br/>
</div>

id选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
以下的样式规则应用于元素属性 id="para1":

#para1
{
text-align:center;
color:red;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,854评论 1 92
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,105评论 0 1
  • CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器...
    百作不死的学习阅读 1,234评论 0 7
  • 6/21 璇子 北京【每日一结构】结构思考力21天思维改善训练营 G:【与领导恰当沟通练习】跟领导沟通、打交道既不...
    starry666阅读 119评论 0 0
  • 一、固定搭配及句型 工具 で 动词联系第6课学习的“交通工具 で 动词”;で 意为“ 使用 ”;例句:何で うどん...
    MJ_喵酱阅读 945评论 0 3