29.====css基础====

一。css基础。

1.什么是CSS

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        
        <!--外部样式-->
        <link rel="stylesheet" type="text/css" href="css/10-CSS基础.css"/>
        
        <!--内部样式-->
        <style type="text/css">
            /*这儿的的代码就是CSS代码*/
            #p1{
                color: blue;
            }
        </style>
        
    </head>
    <body>
</html>

CSS又叫层叠样式表,是web标准中的表现标准,主要负责网页中内容的布局和样式。
2.写在哪儿
1)内联样式表 - 将CSS代码写到标签的style属性中
2)内部样式表 - 将CSS代码写在style标签中
3)外部样式表 - 将CSS代码写在css文件中;然后再通过link标签在html文件中导入
3.怎么写样式表
1)语法:
选择器{属性1:属性值1; 属性2:属性值2; 属性3: 属性值3; ...}

2)说明
选择器 - 选中需要添加样式的标签
{} - 固定写法
注意: 如果是内联样式'选择器{}'可以省略
属性 - 属性名和属性值用冒号连接,属性和属性之间用分号隔开
学CSS就是学CSS中的属性和功能
注意: 如果属性值是表示大小的数字,必须加单位: px(像素)、em(空格); 也可以使用百分比
3)常用属性
color - 设置文字颜色
background-color - 设置背景颜色
font-size - 字体大小
width - 宽度
height - 高度

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 8,560评论 0 40
  • 一.CSS描述 CSS全称为“层叠样式表(Cascading Style Sheets)”,它主要是用于定义HTM...
    snowy_sunny阅读 4,783评论 0 4
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,867评论 0 11
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,169评论 0 3
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 7,545评论 0 30

友情链接更多精彩内容