大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、我们选择将我们的样式全部建到一个CSS文档中,通过调用CSS文件来加载样式。
创新互联公司是一家集网站建设,汨罗企业网站建设,汨罗品牌网站建设,网站定制,汨罗网站建设报价,网络营销,网络优化,汨罗网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
2、在头部调用CSS文件样式。
3、对于CSS,我们最常用的是通过class或是标签名来控制样式。
4、我们控制字体样式使用的font。
5、比如我们要设置字体的大小,那么我们可以使用font-size,来进行设置。
6、如果我们需要设置字体样式,那么我们可以使用font-family。
7、如果我们需要给字体加粗,那么我们可以使用font-weight。
8、在设置字体过程中,除了font常用外,其次比较常用的就是text了,我们可以利用text,设置字体的一些其他样式,比如text-align可以设置文字的对齐方式。
9、而text-decoration可以清理或是设置不同样式的下划线。我这里利用text-decoration:none去掉了下划线。
10、如果您定义的容器比文字的宽度小,那么可以设置overflow:hidden,当溢出后,便会自动隐藏其溢出的内容。
11、font-style可以设置字体的样式。
编写一个网页的css需要注意设置的全局样式,一般来的有元素之间的间隔,如margin、padding,还有ul,li的一些默认样式,编号的样式都是去掉,然后还有a标签的下划线等等属性,都需要去掉的,还有一些字体大小,颜色等等也需要设置的,这里我用代码写下:
*{margin:0; padding:0;}
a{color:#333; text-decoration: none;}
ul,li{ list-style-type:none;}
body{font-size:12px; color:f00;}
一般需要设置的全局属性也就这些。
针对全局的属性常用的很少。
语法相同,你可以用*代替所有元素,也可以指定某几个元素!
如果是在大型项目,这种写法看起来灵活一些。
做前端的同学都知道,产品(策划)同事的需求是永远没有一个理想状态的;
使得你的页面一改再改;
原本高效的html结构、高继承的css变的一塌糊涂。
以上发一下牢骚。。。
-------------------------------------------------------------
假如有几个div,因为样式是一样的,所以你给他们定义了同一个class="a"
突然,产品过来找你说:我们有个这样的需求,要把某个div向右移10px
这时,你如果你像上面那样写,就好用了,直接在那个要改动div中添加一个.ml-10就可以了,如:
div class="a"/div
div class="a ml-10"/div
div class="a"/div
div class="a"/div
div class="a"/div
在样式文件或style标签里设置全局样式,具体的写法如下:
style
*{
color: blue;
font-family: '楷体';
}
/style
color表示字体颜色, font-family表示字体样式