分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

CSS基础学习

发布时间:2023-09-06 02:17责任编辑:沈小雨关键词:CSS

CSS(Cascading Style Sheet,层叠样式表)类似于表格、框架,是一种网页布局方式,但相对于表格、框架来说,CSS是一种标准的格式化网页的方式,是主流。

优点:

  • 将格式和结构分离
  • 精确控制页面布局
  • 制作体积更小、下载更快的网页
  • 可以实现许多网页同时更新(重用)

HTML标记选择器示例

h1{ ???font-family:黑体; ???font-size:24px; ???color:black;}

类选择器示例

.a1{ ???border-style:solid; ???border-width:10px; ???border-color:red; ???margin:20px;}

-------------------------

<div class="a1">  </div>

 ID选择器示例

#happy{ ???color:#99FF66;}#bold{ ???font-weight:bold;}/* 选择器名称不能重名 */

-----------------------

<h1 id="happy">  </h1>
<h1 id="bold">  </h1>

CSS由“对象”、“属性”、“值”构成

选择器{属性1:属性值1;属性2:属性值2;……}

selector{property1:vlaue1;property2:value2;...}

“对象”在CSS中定义为“选择器”

注:后代选择器 div p选择器可以解释为 “作为 div 元素后代的任何 p 元素”

CSS基础学习

原文地址:https://www.cnblogs.com/zhanghx/p/9749910.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved