CSS一些常用属性总结

左手的ㄟ右手 2022-08-20 06:24 195阅读 0赞

### CSS也具有浏览器兼容问题，同样的语句可能有不同的效果 ###

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

### 使用方式 ###

CSS的使用方式：行内样式（跟在标签后面）、内嵌式（css代码和显示页面在同一个文件中）、链接式（链接到新的css文件），导入样式（导入新的css文件）

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

### 选择器 ###

CSS选择器：  
类别选择器（.）id选择器（\#）嵌套选择器（ ）子选择器（>）属性选择器（\[ \]）

**重点说嵌套选择器和子选择器的区别以及属性选择器：**  
举个例子：< p>下有< b>，< b>下又有另一个< b>

子选择器：p>b\{  
…  
\}  
嵌套选择器：p b\{  
…  
\}

上述子选择器只能选中第一个< b>  
嵌套选择器则能选中所有的< b>

属性选择器：  
a\[title\]\{  
…  
\}  
**只要标签中有title属性就能被选中，忽略title的属性值**  
  
在标签中添加title属性  
a\[title=xxx\]\{  
…  
\}  
**标签中title的属性值为xxx，才能被选中**

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

### 常用属性： ###

font系列 是对文字本身的改变，颜色样式等等  
font-family:字体  
font-size:文字大小  
font-weight:bold; 粗体  
font-style：italic; 斜体

text 系列 是对文本整体的改变，例如下划线删除线  
text-decoration:none 无下划线，如去掉链接的下划线  
text-decoration:underline 加下划线  
text-decoration:line-through 加删除线  
text-align 设置文本的排列方式,例如居中

padding系列 控制文本的间隔  
后面可以跟位置，例如padding-right 表示距右边多少距离

border系列 设置边框的属性  
~-style：边框的线格式  
~-color：边框的颜色  
~-width：边框的粗细  
border:文字大小 文字字体 文字颜色 （顺序可以随便，个数也可以随便）  
可以跟这样的三个参数  
border-left: 文字大小 文字字体 文字颜色  
只设置左边的边框

float：left 设置首字下沉,靠左  
margin：设置标签的距离  
color：不解释，十六进制颜色码，见附图

元素定位：  
float(靠左或靠右)  
position(绝对【相对于窗口】或相对【相对于父标签】)

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

![这里写图片描述][20160207174333628]

[20160207174333628]: /images/20220731/dc863891335440aa8782aa489737a513.png

发表评论取消回复

表情：

评论列表（有 0 条评论，195人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS的一些小总结

CSS的一些心得 1. float和flex。 * 在实现当删除某个div块后，想要实现后续的div块能自动补位的效果时，可以把div设置成f...

朱雀/ 2024年04月18日 10:40/ 0 赞/ 72 阅读

相关 CSS的一些总结

![在这里插入图片描述][20210113193205311.png_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ib

我就是我/ 2023年01月06日 01:56/ 0 赞/ 170 阅读

相关 mklink 一些常用操作总结

NTFS 符号链接又称“符号链接”，是 NTFS 文件系统中指向文件系统中的另一个对象的一类对象，被指向的对象叫做“目标”。 mklink 是 Windows 下用于创建符号

Dear 丶/ 2022年09月03日 05:18/ 0 赞/ 239 阅读

相关 css属性怎么背,CSS的一些必记属性整理

Text color 设置text的颜色 text-align 设置text的对齐 text-decoration 设置text的下划线 text-transforma

客官°小女子只卖身不卖艺/ 2022年09月02日 14:52/ 0 赞/ 194 阅读

相关 CSS一些常用属性总结

CSS也具有浏览器兼容问题，同样的语句可能有不同的效果 -------------------- 使用方式 CSS的使用方式：行内样式（跟在标签后面）、内嵌式（c

左手的ㄟ右手/ 2022年08月20日 06:24/ 0 赞/ 196 阅读

相关常用的CSS属性

>>display: 设置元素的显示方式 block: 块级元素的默认值 inline: 行内元素的默认值 inline-block none: 隐藏元素, 这

痛定思痛。/ 2022年06月18日 06:51/ 0 赞/ 222 阅读

相关 CSS常用的总结

一、CSS 背景属性 <table style="background-color:transparent;border-bottom-color:rgb(51,

心已赠人/ 2022年05月20日 01:19/ 0 赞/ 228 阅读

相关 eclipse一些常用快捷键总结

1、alt+? 或 alt+/：自动补全代码或者提示代码 2、ctrl+o：快速outline视图 3、ctrl+shift+r：打开资源列表 4、ctrl+shi

谁践踏了优雅/ 2022年03月29日 14:23/ 0 赞/ 252 阅读

相关 CSS属性总结篇

滚动条 1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条） overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的

ゞ浴缸里的玫瑰/ 2022年01月06日 06:29/ 0 赞/ 263 阅读

相关一些常用的算法技巧总结

> 朋友写的一篇关于算法技巧的文章，我觉得写得很不错，给大家分享一下。 > ![640][] 今天和大家讲讲，在做算法题时常用

不念不忘少年蓝@/ 2021年09月30日 20:52/ 0 赞/ 346 阅读