首页 > 其他分享 >#100daysofcode

#100daysofcode

时间:2022-09-19 09:59:25浏览次数:94  
标签:填充 更改 样式 100daysofcode 元素 链接 属性

#100daysofcode

R1D3

问题

在 html 中创建样式元素是否意味着我现在正在输入 CSS?

 <style>  
 元素 {  
 适当的价值;  
 </style> <style>  
 h1 {  
 文本对齐:居中;  
 </style>

学习

您可以将样式集添加到许多元素。在类型选择器之前列出元素。全部用逗号分隔。

 h1,h2,p,{ 文本对齐:居中;  
 }

将您的 styles.css 选项卡链接到您的 index.html 选项卡,以便自动进行编辑。您可以通过将链接元素嵌套到头元素中来做到这一点。

 <head>  
 <link rel="stylesheet" href="style.css">  
 </head>

如何更改背景颜色?将 background-color 属性添加到 body 元素

 身体 {  
 背景颜色:棕色;  
 }

在 CSS 样式中添加背景图像。网址(https链接);

 身体 { 背景图片:网址(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); 背景色:burlywood; }

您可以将类属性添加到 div 元素,以便将 div 的样式继承到类

 <div class="menu">

使用 padding 属性在您的内容和部分的侧面之间留出空间

 。菜单 {  
 填充左:20px;  
 padding-right: 20px;  
 }

如果您的填充在顶部、底部、左侧和右侧都相同,则可以使用单个填充属性。这会将所有四个边都更改为输入的值

 。菜单 {  
 填充:20px;  
 }

您可以通过更改 a:visited 的样式来更改已访问过的链接的属性

 一个:访问{  
 颜色:灰色;  
 }

通过更改 a:hover 的样式,您可以在悬停时更改链接的属性

 一:悬停{  
 颜色:棕色;  
 }

Ps 如果您正在阅读本文,请不要将其视为福音。再检查一遍。并采取你自己的代表。这是最好的成长方式。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/37788/42151909

标签:填充,更改,样式,100daysofcode,元素,链接,属性
From: https://www.cnblogs.com/amboke/p/16706687.html

相关文章

  • #100daysofcode
    #100daysofcodeR1D3问题在html中创建样式元素是否意味着我现在正在输入CSS?<style>元素{适当的价值;</style><style>h1{文本对齐:居中;</......