学习css笔记（1）

最新推荐文章于 2024-01-22 21:50:59 发布
最新推荐文章于 2024-01-22 21:50:59 发布
阅读量96 收藏
点赞数
分类专栏： 初当程序员 文章标签： CSS XML HTML 浏览器

用以下三种方式将样式表加入网页：

最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。


链入外部样式表文件 (Linking to a Style Sheet)先建立外部样式表文件（.css），然后使用HTML的link对象。

<head>
   <title>title of article</title>
   <link rel=stylesheet href="http://www.dhtmlet.com/rainer.css" type="text/css">
</head>
而在XML中应该如下例所示在声明区中加入：
<? xml-stylesheet type="text/css" href="http://www.dhtmlet.com/rainer.css" ?>

定义内部样式块对象 (Embedding a Style Block)可以在HTML文档的<HTML>和<BODY>标记之间插入<STYLE>...</STYLE>块对象。这里将style对象的type属性设置为"text/css"，是允许不支持这类型的浏览器忽略样式表单。
<html>
   <style type="text/css">
    <!--
      body {font: 10pt "Arial"}
      h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
      h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
      p {font: 10pt/12pt "Arial"; color: black}  
    -->
    </style>
<body>

内联定义 (Inline Styles) 在对象的标记内使用对象的style属性定义适用其的样式表属性。
<p style="margin-left: 0.5in; margin-right:0.5in">这一行被增加了左右的外补丁<p>


样式表语法 (CSS Syntax)
Selector { property: value }
参数说明：
Selector  -- 选择符
property : value  -- 样式表定义。属性和属性值之间用冒号(:)隔开。定义之间用分号(;)隔开

继承的值 (The ' Inherit ' Value)
每个属性都有一个指定的值：Inherit。
它的意思是：将父对象的值等同为计算机值得到。这个值通常仅仅是备用的。显式的声明它可用来强调。

zhaotianyuegrace
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
学习笔记-CSS
seruyyyyyy的博客
03-15 449
CSS简介（层叠样式表） css主要用于场景，用于美化页面 HTML只关心内容的语义，所以外观样式一般由css来负责，使页面更美观 css语法规范 由选择器和一条或多条声明构成 <style> /* 选择器 */ /* 给谁改样式（改什么样式） */ p { /* 修改文字为红色 */ color: red; /* 修改文字大小为十二像素 */
CSS--学习笔记
qq_45269750的博客
04-04 161
初识CSS 1、了解什么是网页样式 2、掌握CSS的基本语法 3、熟练掌握CSS的基本属性 4、会使用DIV + CSS进行网页布局 5、熟练使用CSS来装饰页面 块元素和内联元素 块元素 独占一行 可以定义宽度和高度 常用块元素 div p ul li 内联元素 一行排列显示 不能定义宽度和高度 常用内联元素 span a label 和标...
css学习笔记1
qq_42236791的博客
12-12 937
HTML（结构）、CSS（表现）、行为（JavaScript）CSS的全称：层叠样式表（Cascading Style Sheets）。CSS也是一种标记语言，用于给HTML结构设置样式，例如：文字大小、颜色、元素宽高等。简单理解：CSS可以美化HTML，让HTML更漂亮。核心思想：HTML搭建结构，CSS添加样式，实现了：结构与样式的分离。
CSS入门学习笔记+案例
热门推荐
itboy
06-16 30万+
CSS入门学习 一、CSS简介 1、什么是CSS CSS：Cascading Style Sheet 层叠样式表 是一组样式设置的规则，用于控制页面的外观样式 2、为什么使用CSS 实现内容与样式的分离，便于团队开发 样式复用，便于网站的后期维护 页面的精确控制，让页面更精美 3、CSS作用 页面外观美化 布局和定位 二、基本用法 1、CSS语法 <head> <style> 选择器{ 属性名：属性值; 属性名：属性值; } </style> &l
前端css基础学习笔记
a_big_panda的博客
01-22 939
例如： 效果：例如：效果：例如：效果：选择页面中对应的标签（找她），方便后续设置样式（改她）例如：效果：例如：效果：注意：一个id选中多个标签也有效果，但不符合规范，规范是一个id选择器只选中一个标签例如：效果：例如：效果：例如：效果：注意点：例如：效果：例如：效果：注意：注意：例如：效果：例如：效果：注意：例如：效果：例如：效果：注意：如果需要让文本水平居中，text-align属性给文本所在标签（文本的父元素）设置例如：效果：注意：开发中会使用text-decoration：none；清除a标签默认的下
CSS 学习笔记
09-25
在CSS学习过程中，了解并熟练掌握ID和Class的使用是非常基础且重要的。ID与Class都是CSS选择器，但它们有着不同的特性和应用场景。 ID选择器（#）的主要优点在于其高优先级，这意味着当需要为特定元素赋予特殊样式...
css经典学习笔记.zip
11-01
《CSS经典学习笔记》 CSS（Cascading Style Sheets）是网页设计中不可或缺的一部分，它负责定义网页内容的样式和布局。本学习笔记将深入探讨CSS的核心概念、选择器、盒模型、布局方式以及响应式设计等多个方面，...
css学习笔记
12-20
本人自己学习CSS过程中亲自总结的思维导图，结构清晰，重点突出，便于记牢
学习CSS基础过程笔记
03-26
学习 CSS 基础过程笔记是前端开发者的必备技能之一，本笔记总结了 CSS 的基础知识点，涵盖选择器、常见样式、布局案例等多方面的内容。 选择器 选择器是 CSS 中最基本也是最重要的概念之一。选择器用于选择 HTML ...
my share source
08-15
my share source
毕业设计asp.net学生评教系统-qkrp源码含文档工具包
08-15
毕业设计asp.net学生评教系统-qkrp源码含文档工具包 asp.net，数据库sqlserver，开发工具用Microsoft Visual Studio 管理员登录 学生管理 添加 管理 教师管理 添加 管理 学院管理员 添加 管理 教务管理 得分统计 考核统计 意见汇总 包含：源码、数据库脚本、论文、环境工具包（在说明文档中）
Autologging-0.4.0-py2.py3-none-any.whl.zip
08-15
Autologging-0.4.0-py2.py3-none-any.whl.zip
基于springboot的抗疫物资管理系统 源码+数据库（毕业设计）
08-15
基于Vue.js和SpringBoot的抗疫物资管理系统是一个高效、易用的物资管理解决方案，它分为管理后台和用户网页端，支持管理员和普通用户两种角色。系统主要功能包括物资分类、物资信息管理、物资出入库记录、物资资讯发布和公告管理模块。管理员可以通过后台对物资进行分类、添加、编辑和删除，同时对物资的出入库进行详细记录，确保物资的准确性和可追溯性。普通用户可以在网页端查看物资信息、资讯和公告，了解抗疫物资的最新动态。整个系统采用前后端分离的架构，前端使用Vue.js进行开发，后端使用SpringBoot框架，保证了系统的稳定性和可扩展性。 录屏：https://www.bilibili.com/video/BV17K421x7hn 教程：https://space.bilibili.com/417412814/channel/collectiondetail?sid=2242844
用于MATLAB的神经网络工具箱(英文版)
08-15
本资料主要聚焦于神经网络工具的介绍与应用。详细阐述了各类神经网络模型的原理和架构，如多层感知机、卷积神经网络等。还涵盖了相关工具的使用方法，包括数据准备、模型训练的流程与技巧。通过丰富的实例，展示如何运用这些工具解决实际问题，如预测、分类等。同时，对模型的评估指标和优化策略也有所涉及，帮助读者掌握有效利用神经网络工具进行开发和研究的核心要点。
全球各国-经济距离数据2005-2022.xlsx
08-15
特点：今年全新，手工精心整理，放心引用，数据来自权威，相对于其他人的控制变量数据准确很多,适合写论文做实证用 ，不会出现数据造假问题 适用对象：大学生，本科生，研究生小白可用，容易上手！！！ 课程引用: 经济学，地理学，城市规划与城市研究，公共政策与管理，社会学，商业与管理 ## 数据指标说明 全球各国经济制度距离数据，旨在衡量国家在经济制度方面的相似性或差异性。该数据覆盖183个国家，包括两种主要的测算结果。各国经济制度距离数据可为研究者提供了一个框架，帮助大家更好地了解国家之间的经济环境差异。 数据名称：全球183个国家世界各国经济制度距离-各国经济环境差异 数据年份：2005-2022年 数据格式：Excel
基于长短期记忆网络的时间序列预测Matlab源码+数据集+界面截图+博客预览(一键运行，课程设计/期末大作业
最新发布
08-15
<项目介绍> https://blog.csdn.net/m0_73728511/article/details/141227582 运行main.m文件一键出图超级简单 实现平台：Matlab，中文注释非常清晰，非常适合新手小白上手。 程序均以调试好，按照示例数据修改格式，替换数据集即可运行，数据集为excel。 - 不懂运行，下载完可以私聊问，可远程教学 该资源内项目源码是个人的大作业，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 --------
JavaScript集合.zip
08-15
JavaScript集合.zip
美赛 社区团购系统 java springboot
08-15
美赛 社区团购系统 java springboot
基于Javaweb的美妆商城jsp+servlet+session.zip
08-15
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全栈开发），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助 【资源内容】：项目具体内容可查看/点击本页面下方的*资源详情*，包含完整源码+工程文件+说明（若有）等。【若无积分，此资源可私信获取】 【本人专注IT领域】：有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为您提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【适合场景】：相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担 2. 部分字体及插图等来自网络，若是侵权请联系删除，本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于收集和整理资料耗费时间的酬劳
CSS学习笔记：WEB开发中的样式精华
"很好的css学习笔记，pdf格式（64页），包含了CSS+DIV的学习内容，适合初学者逐步了解和掌握CSS技术。" 这篇CSS学习笔记详细介绍了CSS的基础知识，包括其起源、作用以及如何改善HTML页面的设计。CSS，即层叠样式表...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值